/* Existing pressure components, extracted without changing selector order. */

/* Phone-first defaults for the grids that later desktop rules would otherwise keep wide. */
.bc-v2-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-width: 0;
}
.bc-v2-match-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-width: 0;
}
.bc-v2-match-mini-chart {
    width: 64px;
    max-width: 64px;
    height: 42px;
    min-height: 42px;
    box-sizing: border-box;
}
.bc-v2-pressure-grid,
.bc-v2-pressure-grid.is-compact-density {
    grid-template-columns: minmax(0, 1fr);
}

        
        /* Global Styles */
        body {
            background-color: var(--bc-color-canvas);
            color: var(--bc-color-text);
            font-family: var(--bc-type-family);
            margin: 0;
            padding: 0;
            min-height: 100vh;
        }

        .container-fluid {
            background-color: var(--bc-color-canvas);
            min-height: 100vh;
        }

        /* Loading */
        .loading-container {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }

        /* Filters Container */
        .filters-container {
            padding: 7px 12px;
            border: 1px solid var(--bc-color-line);
            border-radius: 14px;
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24), inset 0 1px 0 var(--bc-color-fill-soft);
            width: calc(100% - (var(--bc-layout-gutter) * 2));
            max-width: none;
            margin: 0 var(--bc-layout-gutter) 8px;
            box-sizing: border-box;
            position: sticky;
            top: 0;
            z-index: 1000;
            background:
                radial-gradient(900px 260px at 0% -40%, rgba(34, 197, 94, 0.12), transparent 58%),
                radial-gradient(700px 240px at 100% -50%, rgba(14, 165, 233, 0.10), transparent 55%),
                rgba(10, 17, 31, 0.94);
            -webkit-backdrop-filter: blur(18px);
            backdrop-filter: blur(18px);
        }

        .filters-container-inner {
            display: block;
        }

        .bc-v2-filter-shell {
            display: grid;
            gap: 10px;
        }

        .bc-v2-filter-bar-head {
            display: none;
        }

        .bc-v2-filter-toolbar-actions {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
        }

        .bc-v2-filter-active-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 11px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: var(--bc-color-surface-subtle);
            color: var(--bc-color-text-dim);
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
        }

        .bc-v2-filter-active-pill.is-live {
            color: var(--bc-color-positive-soft);
            border-color: rgba(34, 197, 94, 0.24);
            background: rgba(34, 197, 94, 0.08);
        }

        .bc-v2-filter-active-pill.is-live::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--bc-color-brand-strong);
            box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
        }

        .bc-v2-filter-primary {
            display: grid;
            grid-template-columns: minmax(180px, 1.35fr) minmax(160px, 0.95fr) minmax(140px, 0.75fr);
            gap: 12px;
        }

        .bc-v2-filter-block {
            display: grid;
            gap: 10px;
            padding: 12px 14px;
            border-radius: 16px;
            border: 1px solid rgba(148, 163, 184, 0.12);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.015) 100%);
            box-shadow: inset 0 1px 0 var(--bc-color-surface-subtle);
        }

        .bc-v2-filter-block-title {
            margin: 0;
            color: var(--bc-color-grey-500);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .bc-v2-filter-control {
            display: grid;
            gap: 6px;
            min-width: 0;
        }

        .bc-v2-filter-control-label {
            color: var(--bc-color-text-dim);
            font-size: 11px;
            font-weight: 700;
        }

        .bc-v2-filter-control-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 10px;
            align-items: end;
        }

        .bc-v2-filter-input,
        .minute-filter {
            width: 100%;
            min-width: 0;
            height: 38px;
            padding: 0 12px;
            border-radius: 11px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(15, 23, 42, 0.62);
            color: var(--bc-color-text-strong);
            font-size: 13px;
            font-weight: 600;
            box-sizing: border-box;
            transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
        }

        .team-name-filter.bc-v2-filter-input,
        .team-name-filter.minute-filter {
            text-align: left;
        }

        .bc-v2-filter-segment {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            padding: 3px;
            border-radius: 999px;
            border: 1px solid var(--bc-color-line);
            background: rgba(15, 23, 42, 0.72);
        }

        .bc-v2-filter-segment .filter-btn {
            min-width: 38px;
            height: 32px;
            padding: 0 10px;
            border-radius: 999px;
            border: 0;
            background: transparent;
            box-shadow: none;
        }

        .bc-v2-filter-secondary {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            padding-top: 14px;
            border-top: 1px solid rgba(148, 163, 184, 0.1);
        }

        .bc-v2-filter-btn-short {
            display: none;
        }

        .bc-v2-filter-block--inline {
            flex: 1 1 320px;
            min-width: 0;
        }

        .bc-v2-filter-chip-row {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .filter-row,
        .filter-row-primary {
            display: contents;
        }

        .filter-group-label {
            display: none;
        }

        .bc-v2-advanced-group .filter-group-label {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 5px 9px;
            border-radius: 999px;
            border: 1px solid rgba(125, 211, 252, 0.16);
            background: rgba(125, 211, 252, 0.08);
            color: #9fdcff;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .bc-v2-advanced-filters {
            position: relative;
            display: inline-flex;
            align-items: center;
        }

        .bc-v2-filter-toolbar-end {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-left: auto;
            flex-shrink: 0;
        }

        .bc-v2-advanced-filters > summary {
            list-style: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin: 0;
            padding: 10px 16px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(15, 23, 42, 0.55);
            color: #dbe8f7;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            user-select: none;
            transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
        }

        .bc-v2-advanced-filters > summary::after {
            content: "▾";
            font-size: 10px;
            opacity: 0.7;
        }

        .bc-v2-advanced-filters[open] > summary::after {
            transform: rotate(180deg);
        }

        .bc-v2-advanced-filters > summary::-webkit-details-marker {
            display: none;
        }

        .bc-v2-advanced-filters[open] > summary {
            background: rgba(14, 165, 233, 0.12);
            border-color: rgba(56, 189, 248, 0.22);
            color: #c7f1ff;
        }

        .bc-v2-advanced-filters[open] {
            display: block;
            width: 100%;
        }

        .bc-v2-advanced-footer {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 8px;
            padding-top: 12px;
            margin-top: 4px;
            border-top: 1px solid rgba(148, 163, 184, 0.12);
            grid-column: 1 / -1;
        }

        .bc-v2-advanced-done {
            background: linear-gradient(135deg, var(--bc-color-brand-strong) 0%, var(--bc-color-info) 100%);
            color: #04130a;
            border-color: rgba(255, 255, 255, 0.18);
            font-weight: 800;
        }

        .bc-v2-preset-name-input {
            min-width: 0;
            flex: 1 1 120px;
        }

        .bc-v2-advanced-body {
            display: grid;
            gap: 12px;
            padding: 14px;
            border-radius: 18px;
            border: 1px solid rgba(148, 163, 184, 0.12);
            background: rgba(8, 13, 24, 0.96);
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.38);
        }

        @media (min-width: 768px) {
            .filters-container,
            .filters-container-inner,
            .bc-v2-filter-shell,
            .filter-row-primary {
                overflow: visible;
            }
        }

        /* Desktop: expand More filters inline — no cramped floating scroll panel */
        @media (min-width: 1025px) {
            .bc-v2-filter-toolbar-end:has(.bc-v2-advanced-filters[open]) {
                flex: 1 1 100%;
                flex-wrap: wrap;
                width: 100%;
                margin-left: 0;
                gap: 10px;
                align-items: flex-start;
            }

            .bc-v2-advanced-filters[open] {
                flex: 1 1 100%;
                width: 100%;
                z-index: auto;
            }

            .bc-v2-advanced-filters[open] .bc-v2-advanced-body {
                margin-top: 10px;
            }

            .bc-v2-advanced-body {
                position: static;
                top: auto;
                right: auto;
                left: auto;
                width: 100%;
                max-height: none;
                overflow: visible;
                margin-top: 0;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                box-shadow: inset 0 1px 0 var(--bc-color-surface-subtle);
            }

            .bc-v2-advanced-group.bc-v2-stat-filters-panel {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
                align-items: start;
            }

            .bc-v2-advanced-group.bc-v2-stat-filters-panel > .filter-group-label {
                grid-column: 1 / -1;
            }

            .bc-v2-filter-toolbar-actions {
                margin-left: auto;
            }

            .bc-v2-advanced-filters[open] ~ .bc-v2-filter-toolbar-actions {
                flex: 1 1 100%;
                width: 100%;
                justify-content: flex-end;
                gap: 8px;
                padding-top: 4px;
                border-top: 1px solid rgba(148, 163, 184, 0.1);
            }

            .bc-v2-advanced-done {
                display: none;
            }

            .bc-v2-advanced-filters[open] ~ .bc-v2-filter-toolbar-actions .bc-v2-advanced-done {
                display: inline-flex;
            }
        }

        /* Tablet + phone: full-screen filter sheet; More filters expand inline inside it */
        @media (max-width: 1024px) {
            .bc-v2-mobile-filter-bar {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                width: calc(100% - 24px);
                margin: 0 auto 10px;
            }

            .bc-v2-mobile-filter-trigger,
            .bc-v2-mobile-filter-clear,
            .bc-v2-mobile-sheet-close,
            .bc-v2-mobile-sheet-secondary,
            .bc-v2-mobile-sheet-primary {
                border: 1px solid rgba(148, 163, 184, 0.16);
                border-radius: 999px;
                background: #101a2d;
                color: #e2e8f0;
                font-size: 13px;
                font-weight: 700;
            }

            .bc-v2-mobile-filter-trigger {
                display: inline-flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                flex: 1 1 auto;
                min-height: 44px;
                padding: 0 14px;
            }

            .bc-v2-mobile-filter-trigger strong {
                color: #9fdcff;
                font-size: 12px;
            }

            .bc-v2-mobile-filter-clear {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 44px;
                padding: 0 16px;
                white-space: nowrap;
            }

            .bc-v2-mobile-sheet-close,
            .bc-v2-mobile-sheet-secondary,
            .bc-v2-mobile-sheet-primary {
                min-height: 44px;
                padding: 0 16px;
                touch-action: manipulation;
            }

            .bc-v2-mobile-sheet-primary {
                background: linear-gradient(135deg, #1cc4ff, var(--bc-color-brand-strong));
                color: #03111d;
                border: 0;
            }

            .bc-v2-mobile-sheet-footer {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1110;
                margin: 0;
                padding: 10px 12px calc(var(--bc-layout-filter-chrome-bottom, 56px) + max(12px, env(safe-area-inset-bottom, 0px)));
                background: rgba(10, 17, 31, 0.98);
                border-top: 1px solid rgba(148, 163, 184, 0.16);
                box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.38);
            }

            .bc-v2-mobile-sheet-footer .bc-v2-mobile-sheet-primary {
                flex: 1 1 auto;
            }

            .bc-v2-mobile-sheet-head {
                position: relative;
                top: auto;
                padding-bottom: 10px;
                margin-bottom: 4px;
                background: rgba(10, 17, 31, 0.98);
                z-index: 2;
            }

            .bc-v2-mobile-sheet-head strong {
                display: block;
                color: var(--bc-color-text-strong);
                font-size: 15px;
                font-weight: 800;
            }

            .bc-v2-mobile-sheet-head span {
                color: var(--bc-color-text-dim);
                font-size: 12px;
            }

            .bc-v2-mobile-filter-backdrop {
                position: fixed;
                inset: 0;
                z-index: 1090;
                background: rgba(2, 6, 23, 0.72);
            }

            .bc-mobile-filters-open .bc-v2-mobile-filter-backdrop {
                display: block;
            }

            .filters-container {
                display: none;
                position: fixed;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 1100;
                width: 100%;
                height: 100dvh;
                max-height: 100dvh;
                margin: 0;
                padding: max(10px, env(safe-area-inset-top, 0px)) 12px 0;
                border-radius: 0;
                transform: translateY(100%);
                opacity: 0;
                pointer-events: none;
                transition: transform 0.22s ease, opacity 0.22s ease;
                overflow: hidden;
                flex-direction: column;
                box-sizing: border-box;
            }

            .bc-mobile-filters-open .filters-container {
                display: flex;
                transform: translateY(0);
                opacity: 1;
                pointer-events: auto;
            }

            .filters-container-inner {
                flex: 1 1 auto;
                min-height: 0;
                overflow-x: hidden;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior: contain;
                padding-bottom: calc(72px + var(--bc-layout-filter-chrome-bottom, 56px));
            }

            .bc-v2-mobile-sheet-head,
            .bc-v2-mobile-sheet-footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                flex-shrink: 0;
            }

            .bc-v2-advanced-filters {
                display: block;
                width: 100%;
            }

            .bc-v2-advanced-filters > summary {
                width: 100%;
                justify-content: space-between;
                min-height: 42px;
            }

            .bc-v2-advanced-body {
                position: static;
                top: auto;
                right: auto;
                width: 100%;
                max-height: none;
                overflow: visible;
                margin-top: 8px;
                grid-template-columns: 1fr;
            }

            .bc-v2-advanced-group {
                display: grid;
                gap: 8px;
            }

            .bc-v2-advanced-group.bc-v2-stat-filters-panel {
                grid-template-columns: 1fr;
            }

            .bc-v2-filter-toolbar-end {
                display: flex;
                flex-direction: column;
                gap: 8px;
                width: 100%;
                margin-left: 0;
            }

            .bc-v2-filter-toolbar-actions {
                justify-content: space-between;
                width: 100%;
            }

            .filters-scroll-btn {
                display: none !important;
            }

            .filter-row-primary {
                display: grid;
                gap: 10px;
            }

            .bc-v2-filter-primary,
            .bc-v2-filter-secondary {
                display: grid;
                gap: 10px;
            }

            .bc-v2-filter-primary {
                grid-template-columns: 1fr;
            }

            .bc-v2-filter-secondary {
                flex-direction: column;
                align-items: stretch;
                padding-top: 0;
                border-top: 0;
            }

            .bc-v2-filter-block {
                display: grid;
                padding: 12px 14px;
                border-radius: 16px;
                border: 1px solid rgba(148, 163, 184, 0.12);
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.015) 100%);
            }

            .bc-v2-filter-block-title,
            .bc-v2-filter-control-label {
                display: block;
            }

            .bc-v2-range-row {
                grid-template-columns: 1fr 1fr;
            }

            .bc-v2-range-row label {
                grid-column: 1 / -1;
            }

            .bc-v2-range-row .range-sep,
            .bc-v2-range-row > span:empty {
                display: none;
            }

            .bc-v2-preset-save-row {
                grid-template-columns: 1fr;
            }

            .comparison-inputs {
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                gap: 8px;
                align-items: center;
            }

            #clearBtn {
                display: inline-flex !important;
            }
        }

        .bc-v2-advanced-group {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            padding: 10px 12px;
            border-radius: 14px;
            border: 1px solid rgba(148, 163, 184, 0.08);
            background: var(--bc-color-fill-faint);
        }

        .bc-v2-advanced-group.bc-v2-stat-filters-panel {
            flex-direction: column;
            align-items: stretch;
            gap: 10px;
            grid-column: 1 / -1;
            padding: 0;
            border: 0;
            background: transparent;
        }

        .bc-v2-stat-filter-section {
            display: grid;
            gap: 8px;
            padding: 10px;
            border-radius: 12px;
            border: 1px solid rgba(148, 163, 184, 0.1);
            background: var(--bc-color-fill-faint);
        }

        .bc-v2-stat-filter-section-title {
            color: var(--bc-color-accent-soft);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .bc-v2-range-row {
            display: grid;
            grid-template-columns: 88px minmax(0, 1fr) auto minmax(0, 1fr);
            align-items: center;
            gap: 8px;
        }

        .bc-v2-range-row label {
            color: #cbd5e1;
            font-size: 11px;
            font-weight: 700;
        }

        .bc-v2-range-row .range-sep {
            color: var(--bc-color-grey-500);
            font-size: 11px;
        }

        .bc-v2-range-row .minute-filter {
            width: 100%;
            min-width: 0;
        }

        .bc-v2-preset-row {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .bc-v2-filter-presets-bar {
            display: grid;
            gap: 6px;
            padding: 0 0 6px;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid rgba(148, 163, 184, 0.1);
            background: transparent;
            box-shadow: none;
        }

        .bc-v2-filter-presets-sub {
            display: none;
        }

        .bc-v2-preset-btn--promoted {
            display: inline-flex;
            flex-direction: row;
            align-items: center;
            gap: 0;
            min-width: 0;
            padding: 6px 11px;
            text-align: center;
            line-height: 1.2;
        }

        .bc-v2-preset-btn-hint {
            display: none;
        }

        .bc-v2-filter-presets-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap;
        }

        .bc-v2-filter-presets-title {
            color: var(--bc-color-accent-soft);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .bc-v2-preset-btn-label {
            font-size: 12px;
            font-weight: 800;
        }

        .bc-v2-preset-btn-hint {
            display: none;
        }

        .bc-v2-preset-btn--promoted.active .bc-v2-preset-btn-hint,
        .bc-v2-preset-btn--promoted.active .bc-v2-preset-btn-label {
            color: inherit;
        }

        .bc-v2-preset-save-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto auto;
            gap: 8px;
            width: 100%;
        }

        .bc-v2-preset-save-row select.minute-filter {
            width: 100%;
        }

        .filter-row-primary .clear-btn,
        .filter-row-primary .bc-v2-advanced-filters,
        .filter-row-primary .bc-v2-filter-toolbar-end {
            align-self: center;
        }

        .bc-v2-filter-input::placeholder,
        .minute-filter::placeholder {
            color: var(--bc-color-grey-500);
            font-weight: 500;
        }

        .bc-v2-filter-input:focus,
        .minute-filter:focus {
            outline: none;
            border-color: rgba(56, 189, 248, 0.45);
            background: rgba(15, 23, 42, 0.82);
            box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.14);
        }

        .filter-btn {
            padding: 8px 14px;
            border-radius: 999px;
            background: transparent;
            border: 1px solid transparent;
            color: var(--bc-color-text-secondary);
            font-weight: 700;
            font-size: 12px;
            min-width: 48px;
            cursor: pointer;
            transition: background var(--bc-motion-fast), color var(--bc-motion-fast), border-color var(--bc-motion-fast);
            white-space: nowrap;
        }

        .filter-btn:hover {
            background: var(--bc-color-surface-overlay);
            color: var(--bc-color-text);
        }

        .filter-btn.active {
            background: var(--bc-color-surface-raised);
            color: var(--bc-color-text);
            border-color: transparent;
            box-shadow: inset 0 -2px 0 var(--bc-color-accent);
        }

        .filters-scroll-btn {
            display: none;
        }

        .bc-v2-toolbar-head {
            display: none;
        }

        .clear-btn {
            padding: 8px 14px;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.72);
            border: 1px solid rgba(148, 163, 184, 0.16);
            color: var(--bc-color-text-dim);
            font-weight: 700;
            font-size: 12px;
            cursor: pointer;
            transition: all 0.15s ease;
        }

        .clear-btn:hover {
            background: rgba(30, 41, 59, 0.92);
            color: var(--bc-color-white);
            border-color: rgba(248, 113, 113, 0.28);
        }

        @media (min-width: 1025px) {
            .bc-v2-filter-shell {
                gap: 0;
                padding: 8px 10px 10px;
                border-radius: 14px;
                border: 1px solid rgba(148, 163, 184, 0.12);
                background: var(--bc-color-fill-faint);
            }

            .bc-v2-filter-presets-bar {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
                margin: 0 0 8px;
                padding: 0 0 8px;
                border: 0;
                border-radius: 0;
                border-bottom: 1px solid rgba(148, 163, 184, 0.1);
                background: transparent;
                box-shadow: none;
            }

            .bc-v2-filter-presets-title {
                flex-shrink: 0;
                margin-right: 2px;
            }

            .bc-v2-preset-row--promoted {
                flex: 1 1 auto;
                min-width: 0;
            }

            .bc-v2-filter-presets-sub {
                margin-left: auto;
                font-size: 10px;
                white-space: nowrap;
            }

            .filter-row-primary {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 8px;
                min-height: 34px;
            }

            .bc-v2-filter-primary,
            .bc-v2-filter-secondary {
                display: contents;
            }

            .bc-v2-filter-block {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 0;
                border: 0;
                background: transparent;
                box-shadow: none;
                min-width: 0;
            }

            .bc-v2-filter-block--team {
                flex: 1 1 140px;
                max-width: 200px;
            }

            .bc-v2-filter-block--minute .bc-v2-filter-input {
                width: 64px;
            }

            .bc-v2-filter-block--pressure .bc-v2-filter-input {
                width: 72px;
            }

            .bc-v2-filter-block-title,
            .bc-v2-filter-control-label {
                display: none;
            }

            .bc-v2-filter-control {
                display: block;
                min-width: 0;
            }

            .bc-v2-filter-control-row {
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            .bc-v2-filter-chip-row {
                flex-wrap: nowrap;
            }

            .bc-v2-filter-toolbar-end {
                margin-left: auto;
            }

            .bc-v2-filter-toolbar-actions {
                margin-left: 0;
            }

            .bc-v2-filter-secondary {
                padding-top: 0;
                border-top: 0;
            }

            .bc-v2-filter-btn-long {
                display: none;
            }

            .bc-v2-filter-btn-short {
                display: inline;
            }

            .bc-v2-filter-input,
            .minute-filter {
                height: 34px;
                font-size: 12px;
                padding: 0 10px;
                box-sizing: border-box;
            }

            #teamNameFilter {
                height: 34px;
                box-sizing: border-box;
            }

            .bc-v2-filter-segment {
                height: 34px;
                box-sizing: border-box;
            }

            .bc-v2-filter-segment .filter-btn {
                height: 28px;
                min-width: 34px;
            }

            .bc-v2-advanced-filters > summary {
                height: 34px;
                padding: 0 12px;
                box-sizing: border-box;
            }

            .bc-v2-preset-btn--promoted {
                flex-direction: row;
                align-items: center;
                gap: 0;
                min-width: 0;
                height: 32px;
                padding: 0 11px;
                box-sizing: border-box;
            }

            .bc-v2-preset-btn-hint {
                display: none;
            }

            .filter-btn,
            .clear-btn,
            .bc-v2-filter-active-pill {
                height: 34px;
                box-sizing: border-box;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .filter-btn {
                padding: 0 11px;
                font-size: 11px;
            }

            .clear-btn {
                padding: 0 12px;
                font-size: 11px;
            }

            .bc-v2-filter-active-pill {
                padding: 0 11px;
            }
        }

        @media (min-width: 1025px) {
            .bc-v2-mobile-filter-bar,
            .bc-v2-mobile-filter-backdrop,
            .bc-v2-mobile-sheet-head,
            .bc-v2-mobile-sheet-footer {
                display: none !important;
            }
        }

        @media (max-width: 767px) {
            .filters-container {
                flex-direction: column;
            }

            .bc-v2-filter-shell {
                gap: 10px;
            }

            .filter-row-primary {
                display: grid;
                gap: 10px;
            }

            .bc-v2-filter-primary {
                grid-template-columns: 1fr;
            }

            .bc-v2-filter-toolbar-actions {
                justify-content: space-between;
                width: 100%;
            }

            .bc-v2-filter-toolbar-end {
                display: flex;
                flex-direction: column;
                gap: 8px;
                width: 100%;
                margin-left: 0;
            }

            .bc-v2-filter-presets-bar {
                display: grid;
                grid-template-columns: 1fr auto;
                grid-template-areas:
                    "title sub"
                    "buttons buttons";
                gap: 8px;
            }

            .bc-v2-filter-presets-title {
                grid-area: title;
            }

            .bc-v2-filter-presets-sub {
                grid-area: sub;
                justify-self: end;
                text-align: right;
            }

            .bc-v2-preset-row--promoted {
                grid-area: buttons;
            }

            .bc-v2-filter-secondary {
                flex-direction: column;
                align-items: stretch;
            }

            .bc-v2-advanced-filters {
                margin-left: 0;
                width: 100%;
            }

            .bc-v2-advanced-filters > summary {
                width: 100%;
                justify-content: space-between;
            }
        }

        /* Reserve layout space so showing Clear does not grow the scroller and jump scroll position */
        .clear-btn.clear-btn--hidden {
            visibility: hidden;
            pointer-events: none;
        }

        /* Comparison mode styles */
        .comparison-inputs {
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            scroll-snap-align: start;
        }

        .vs-text {
            color: var(--bc-color-grey-400);
            font-weight: 600;
            font-size: 14px;
            min-width: 20px;
            text-align: center;
        }

        .comparison-inputs .minute-filter,
        .comparison-inputs .bc-v2-filter-input {
            flex: 1 1 72px;
            width: auto;
            min-width: 72px;
        }

        #comparisonToggleBtn.active {
            background-color: var(--bc-color-brand-strong);
            border-color: var(--bc-color-positive-legacy);
            color: var(--bc-color-white);
            box-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);
        }

        /* Betting filter checkbox */
        .betting-filter-checkbox {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            user-select: none;
            flex: 0 0 auto;
        }

        .betting-filter-checkbox input[type="checkbox"] {
            display: none;
        }

        .checkmark {
            width: 20px;
            height: 20px;
            background-color: var(--bc-color-line-medium);
            border: 2px solid var(--bc-color-grey-400);
            border-radius: 4px;
            position: relative;
            transition: all 0.3s ease;
        }

        .betting-filter-checkbox input[type="checkbox"]:checked + .checkmark {
            background-color: var(--bc-color-negative);
            border-color: #ff6b6b;
            box-shadow: 0 0 10px rgba(255, 107, 107, 0.5);
        }

        .betting-filter-checkbox input[type="checkbox"]:checked + .checkmark::after {
            content: "✓";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-weight: bold;
            font-size: 12px;
        }

        .filter-label {
            color: var(--bc-color-grey-400);
            font-size: 12px;
            font-weight: 600;
            white-space: nowrap;
        }

        .betting-filter-checkbox:hover .checkmark {
            border-color: #ff6b6b;
        }

        .betting-filter-checkbox:hover .filter-label {
            color: var(--bc-color-white);
        }

        /* Momentum indicators */
        .momentum-indicator {
            position: absolute;
            z-index: 25;
            pointer-events: none;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 0 0 8px rgba(0, 0, 0, 1);
            background: rgba(0, 0, 0, 0.8);
            padding: 8px 12px;
            border-radius: 20px;
            border: 2px solid;
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
        }

        .momentum-arrow {
            font-size: 24px;
            animation: pulse 1.2s infinite;
            display: block;
            text-align: center;
            margin-bottom: 4px;
        }

        .momentum-surge {
            color: #ff4444;
            border-color: #ff4444;
            box-shadow: 0 0 20px rgba(255, 68, 68, 0.6);
        }

        .momentum-drop {
            color: #00d4ff;
            border-color: #00d4ff;
            box-shadow: 0 0 20px rgba(0, 212, 255, 0.6);
        }

        .momentum-neutral {
            color: #ffaa00;
            border-color: #ffaa00;
            box-shadow: 0 0 20px rgba(255, 170, 0, 0.6);
        }

        /* Team-specific momentum colors */
        .momentum-home {
            color: var(--bc-color-cyan-bright);
            border-color: var(--bc-color-cyan-bright);
            box-shadow: 0 0 20px rgba(24, 124, 255, 0.6);
        }

        .momentum-away {
            color: var(--bc-color-orange);
            border-color: var(--bc-color-orange);
            box-shadow: 0 0 20px rgba(255, 87, 185, 0.6);
        }

        .momentum-intensity-bar {
            position: absolute;
            height: 6px;
            border-radius: 3px;
            opacity: 0.9;
            animation: none; /* disable glow */
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .intensity-high {
            background: linear-gradient(90deg, #ff5c5c, #ff7a7a);
            box-shadow: none; /* remove glow */
        }

        .intensity-medium {
            background: linear-gradient(90deg, var(--bc-color-warning-deep), #ffb74d);
            box-shadow: none; /* remove glow */
        }

        .intensity-low {
            background: linear-gradient(90deg, #00aaff, #00ccff);
            box-shadow: none; /* remove glow */
        }

        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.3);
                opacity: 0.9;
            }
        }

        /* removed glow animation */

        /* Main Content */
        .main-content {
            padding: 0 4px 16px;
            max-width: none;
            margin: 0;
            width: 100%;
        }

        .matches-container {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        /* Match Card */
        .match-card {
            background-color: var(--bc-color-surface-raised);
            border-radius: var(--bc-corner-lg);
            padding: 12px;
            margin: 8px 0;
            position: relative;
            width: 100%;
            max-width: none;
        }

        .match-card.team-filter-hidden {
            display: none !important;
        }

        /* Legend Container */
        .bc-v2-match-header {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            padding: 0 16px;
            margin-bottom: 12px;
        }

        .bc-v2-match-header .legend-container {
            margin-right: 0;
            margin-bottom: 0;
            padding: 0;
            min-width: 0;
        }

        .bc-v2-match-header .bc-v2-match-actions {
            position: static;
            top: auto;
            right: auto;
            flex-shrink: 0;
            align-self: center;
        }

        .legend-container {
            display: grid;
            grid-template-columns: 1fr auto 1fr; /* left team | score | right team */
            align-items: center;
            padding: 0 16px;
            gap: 16px;
            min-height: 40px;
            margin-right: 64px; /* leave room for AI + GS on right */
            margin-bottom: 12px;
        }

        .team-container {
            display: flex;
            align-items: center;
            min-width: 0; /* prevent overflow */
        }

        .team-legend {
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 1;
        }

        .legend-dot {
            width: 10px;
            height: 10px;
            border-radius: 5px;
            flex-shrink: 0;
        }

        .team-name {
            color: var(--bc-color-text);
            font-size: 18px;
            font-weight: 600;
            letter-spacing: -0.01em;
            line-height: 1.2;
            flex: 1;
            text-align: left;
        }

        .score-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 40px;
        }

        .score {
            color: var(--bc-color-text);
            font-size: 36px;
            font-weight: 700;
            letter-spacing: -0.02em;
            text-align: center;
            line-height: 1.05;
            transition: color 0.3s ease, text-shadow 0.3s ease;
        }

        .minute {
            color: var(--bc-color-text-tertiary);
            font-size: 12px;
            text-align: center;
            font-weight: 500;
            margin-top: 2px;
            transition: color 0.3s ease, text-shadow 0.3s ease;
        }

        /* One-shot highlight applied when a value actually changes between live updates.
           Scale bump is dropped under prefers-reduced-motion (see media query below);
           the color/text-shadow transition on .score/.minute above still carries the signal. */
        .bc-value-flash {
            color: #5eead4;
            text-shadow: 0 0 12px rgba(94, 234, 212, 0.65);
            animation: bcValueFlash 450ms ease-out;
        }

        @keyframes bcValueFlash {
            0% { transform: scale(1); }
            35% { transform: scale(1.08); }
            100% { transform: scale(1); }
        }

        .minute-badges {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 6px;
            margin-top: 4px;
            max-width: 100%;
        }

        .gs-badge {
            display: inline-flex;
            align-items: center;
            height: 20px;
            padding: 2px 6px;
            border-radius: 10px;
            background: rgba(0, 0, 0, 0.25);
            color: var(--bc-color-white);
            border: 1px solid var(--bc-color-line-medium);
            white-space: nowrap;
            vertical-align: middle;
            font-weight: 600;
            letter-spacing: 0.2px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
        }

        .gs-badge.mobile {
            display: inline-flex;
        }

        .gs-badge.desktop {
            display: none;
        }

        .gs-badge.gs-low {
            background: var(--bc-color-line);
            border-color: var(--bc-color-line-strong);
            color: #cfd8dc;
        }

        .gs-badge.gs-mid {
            background: linear-gradient(135deg, rgba(0, 200, 255, 0.25), rgba(0, 132, 255, 0.25));
            border-color: rgba(0, 180, 255, 0.6);
            color: #e0f7ff;
            box-shadow: 0 0 10px rgba(0, 180, 255, 0.25);
        }

        .gs-badge.gs-high {
            background: linear-gradient(135deg, rgba(255, 138, 0, 0.28), rgba(255, 64, 129, 0.28));
            border-color: rgba(255, 138, 0, 0.6);
            color: #fff5e6;
            box-shadow: 0 0 12px rgba(255, 138, 0, 0.3);
        }

        .update-text {
            font-size: 12px;
            color: rgba(var(--bc-color-fg-rgb), 0.6);
            line-height: 18px; /* fix height to avoid micro shifts */
            min-height: 18px;
            display: inline-block;
        }

        /* Auto‑refresh toggle */
        .auto-refresh-toggle {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 10px;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.9);
            border: 1px solid rgba(148, 163, 184, 0.4);
            box-shadow: 0 8px 16px rgba(15, 23, 42, 0.6);
            color: var(--bc-color-grey-200);
            font-size: 13px;
        }

        .auto-refresh-label {
            font-weight: 600;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            font-size: 11px;
            color: rgba(var(--bc-color-text-dim-rgb), 0.9);
        }

        .auto-refresh-status {
            font-size: 11px;
            color: rgba(var(--bc-color-text-dim-rgb), 0.9);
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 42px;
            height: 24px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #4b5563;
            -webkit-transition: .3s;
            transition: .3s;
            border-radius: 999px;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            -webkit-transition: .3s;
            transition: .3s;
            border-radius: 50%;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);
        }

        input:checked + .slider {
            background: linear-gradient(135deg, var(--bc-color-brand-strong), var(--bc-color-info));
        }

        input:checked + .slider:before {
            -webkit-transform: translateX(18px);
            -ms-transform: translateX(18px);
            transform: translateX(18px);
        }



        /* Momentum band under score */
        .momentum-band {
            height: 6px;
            border-radius: 3px;
            margin-top: 6px;
            width: 120px;
        }

        .regime-calm {
            background: var(--bc-color-line-medium);
        }

        .regime-build {
            background: linear-gradient(90deg, #00bcd4, #2196f3);
            box-shadow: 0 0 6px rgba(33, 150, 243, 0.25);
        }

        .regime-siege {
            background: linear-gradient(90deg, var(--bc-color-warning-deep), #ff5722);
            box-shadow: 0 0 6px rgba(255, 152, 0, 0.28);
        }

        .regime-frenzy {
            background: linear-gradient(90deg, #ff3d00, #ff1744);
            box-shadow: 0 0 6px rgba(255, 23, 68, 0.35);
        }

        /*
         * Match-importance tier badge (NORMAL/WATCH/HOT/CRITICAL) - one consistent
         * visual language replacing the previous scattered rising/hot/soon/goal/spot/
         * bet/storm badge colors. NORMAL has no dedicated class: absence of a badge is
         * the normal signal, so a fourth color never competes for attention. Only
         * CRITICAL gets a filled background, reflecting it as the strongest signal;
         * WATCH/HOT are text + edge-stripe only.
         */
        .bc-tier-badge {
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            line-height: 1.3;
            white-space: nowrap;
        }

        .bc-tier-badge.bc-tier-watch {
            color: var(--bc-color-tier-watch);
        }

        .bc-tier-badge.bc-tier-hot {
            color: var(--bc-color-tier-hot);
        }

        .bc-tier-badge.bc-tier-critical {
            color: var(--bc-color-canvas);
            background: var(--bc-color-tier-critical);
        }

        /* Edge stripe on the card itself: top edge on the focus card, left edge on grid
           cards (grid cards already use an inset box-shadow stripe for this purpose). */
        .match-card[data-tier="watch"] { box-shadow: inset 0 3px 0 var(--bc-color-tier-watch); }
        .match-card[data-tier="hot"] { box-shadow: inset 0 3px 0 var(--bc-color-tier-hot); }
        .match-card[data-tier="critical"] { box-shadow: inset 0 3px 0 var(--bc-color-tier-critical); }

        .bc-v2-pressure-card[data-tier="watch"] { box-shadow: inset 3px 0 0 var(--bc-color-tier-watch); }
        .bc-v2-pressure-card[data-tier="hot"] { box-shadow: inset 3px 0 0 var(--bc-color-tier-hot); }
        .bc-v2-pressure-card[data-tier="critical"] { box-shadow: inset 3px 0 0 var(--bc-color-tier-critical); }

        /* L2 strip: tier badge + dominant-team readout, grouped under the score/team
           header so momentum/pressure/goal-threat status reads as one glanceable row. */
        .bc-l2-strip {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--bc-spacing-3);
            padding: var(--bc-spacing-2) 0;
            margin: 0 16px;
            border-top: 1px solid var(--bc-color-line);
            border-bottom: 1px solid var(--bc-color-line);
        }

        .bc-l2-dominant {
            font-size: 13px;
            font-weight: 600;
            color: var(--bc-color-text-secondary);
        }

        /* Heat beads */
        .heat-beads {
            display: inline-flex;
            gap: 4px;
            margin-left: 6px;
            vertical-align: middle;
        }

        .heat-beads.inline-under {
            margin-left: 0;
            margin-top: 4px;
        }

        .heat-bead {
            width: 12px;
            height: 10px;
            border-radius: 5px;
            opacity: 0.35;
            background: var(--bc-color-line-strong);
            border: 1px solid rgba(255, 255, 255, 0.25);
            display: inline-flex;
            overflow: hidden;
            cursor: help;
        }

        .heat-bead .half {
            flex: 1 1 50%;
            height: 100%;
            opacity: 0.2;
        }

        .heat-bead .half.home {
            background: rgba(24, 124, 255, 0.6);
        }

        .heat-bead .half.away {
            background: rgba(255, 87, 185, 0.6);
        }

        .heat-bead .half.on {
            opacity: 1;
        }

        .heat-bead.on.slope {
            background: var(--bc-color-positive-legacy);
            border-color: var(--bc-color-positive-legacy);
            opacity: 1;
        }

        .heat-bead.on.z {
            background: #2196f3;
            border-color: #2196f3;
            opacity: 1;
        }

        .heat-bead.on.cluster {
            background: var(--bc-color-warning-deep);
            border-color: var(--bc-color-warning-deep);
            opacity: 1;
        }

        .heat-bead.on.seq {
            background: #ef5350;
            border-color: #ef5350;
            opacity: 1;
        }

        .heat-bead.on.xg {
            background: #9c27b0;
            border-color: #9c27b0;
            opacity: 1;
        }

        /* tiny tooltip for mobile/desktop click */
        .mini-tooltip {
            position: fixed;
            background: rgba(0, 0, 0, 0.9);
            color: var(--bc-color-white);
            padding: 4px 8px;
            border-radius: 6px;
            font-size: 11px;
            z-index: 2000;
            border: 1px solid rgba(255, 255, 255, 0.2);
            pointer-events: none;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
        }

        /* Event ladder */
        .event-ladder {
            display: flex;
            gap: 6px;
            padding: 2px 12px 8px 12px;
        }

        .event-chip {
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 8px;
            background: var(--bc-color-line);
            border: 1px solid var(--bc-color-line-strong);
            color: var(--bc-color-white);
        }

        /* Icon styling for ladder chips/badges */
        .event-chip .icon {
            margin-right: 4px;
        }

        .ladder-badge .icon {
            margin-right: 6px;
        }

        .icon.home {
            color: #00dcff;
        }

        .icon.away {
            color: var(--bc-color-orange);
        }

        /* Ladder chips and chart glow enhancements */
        .event-chip.ladder-ok {
            background: rgba(0, 255, 140, 0.12);
            border-color: rgba(0, 255, 140, 0.5);
            box-shadow: 0 0 10px rgba(0, 255, 140, 0.5), inset 0 0 6px rgba(0, 255, 140, 0.35);
        }

        .chart-container.ladder-glow {
            box-shadow: 0 0 0 3px rgba(0, 255, 140, 0.55), 0 0 24px rgba(0, 255, 140, 0.35);
        }

        .chart-container.ladder-glow-strong {
            box-shadow: 0 0 0 4px rgba(0, 255, 140, 0.8), 0 0 28px rgba(0, 255, 140, 0.5);
        }

        .ladder-badges {
            position: absolute;
            top: 10px;
            right: 12px;
            display: flex;
            gap: 6px;
            z-index: 5;
            pointer-events: none;
        }

        .ladder-badge {
            pointer-events: none;
            font-size: 11px;
            padding: 4px 8px;
            border-radius: 10px;
            color: #081325;
            background: linear-gradient(180deg, rgba(0, 255, 140, 0.95), rgba(0, 200, 120, 0.95));
            border: 1px solid rgba(0, 255, 140, 0.9);
            box-shadow: 0 0 10px rgba(0, 255, 140, 0.75), inset 0 0 6px rgba(255, 255, 255, 0.35);
            text-transform: uppercase;
            letter-spacing: 0.4px;
            animation: ladderPulse 1.2s ease-in-out infinite;
        }

        /* Colorized badges by side */
        .ladder-badge.home {
            background: linear-gradient(180deg, rgba(0, 220, 255, 0.95), rgba(0, 180, 230, 0.95));
            border-color: rgba(0, 220, 255, 0.9);
            box-shadow: 0 0 10px rgba(0, 220, 255, 0.75), inset 0 0 6px rgba(255, 255, 255, 0.35);
        }

        .ladder-badge.away {
            background: linear-gradient(180deg, rgba(255, 87, 185, 0.95), rgba(220, 60, 160, 0.95));
            border-color: rgba(255, 87, 185, 0.9);
            box-shadow: 0 0 10px rgba(255, 87, 185, 0.75), inset 0 0 6px rgba(255, 255, 255, 0.35);
        }

        /* Colorized chart glows by side */
        .chart-container.ladder-glow-home {
            box-shadow: 0 0 0 3px rgba(0, 220, 255, 0.55), 0 0 24px rgba(0, 220, 255, 0.35);
        }

        .chart-container.ladder-glow-home-strong {
            box-shadow: 0 0 0 4px rgba(0, 220, 255, 0.8), 0 0 28px rgba(0, 220, 255, 0.5);
        }

        .chart-container.ladder-glow-away {
            box-shadow: 0 0 0 3px rgba(255, 87, 185, 0.55), 0 0 24px rgba(255, 87, 185, 0.35);
        }

        .chart-container.ladder-glow-away-strong {
            box-shadow: 0 0 0 4px rgba(255, 87, 185, 0.8), 0 0 28px rgba(255, 87, 185, 0.5);
        }

        @keyframes ladderPulse {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.03);
                opacity: 0.85;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        /* Chart Container */
        .chart-container {
            position: relative;
            height: 328px;
            margin-bottom: 12px;
            background-color: var(--bc-color-surface-indigo-deep);
            border-radius: 16px;
            padding: 18px 16px 14px;
            max-width: 100%;
            transition: opacity 0.15s ease-in-out;
        }

        .bc-v2-chart-empty {
            display: grid;
            place-items: center;
            min-height: 300px;
            padding: 24px 16px;
            text-align: center;
            color: #9db1c9;
            font-size: 13px;
            line-height: 1.6;
        }

        /* Subtle global tint when GS is extreme */
        .chart-container.gs-extreme-bg {
            background-image: linear-gradient(0deg, rgba(255, 82, 82, 0.06), rgba(255, 82, 82, 0.06));
        }

        /* Similar-shape peers. The badge is a tap target on the card; the panel it opens
           lists the peer group. Mobile first: the base rules are the phone. */
        .similar-graph-badge.is-behind {
            border-color: rgba(255, 180, 61, 0.45);
            color: #ffd479;
        }

        .similar-graph-badge.is-behind-strong {
            border-color: rgba(255, 149, 0, 0.7);
            color: #08131f;
            background: linear-gradient(180deg, #ffd479, #ffb43d);
            font-weight: 700;
        }

        .similar-graph-badge[role="button"] {
            cursor: pointer;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }

        .bc-peer-panel {
            margin: 6px auto 0;
            width: calc(100% - 8px);
            max-width: 420px;
            padding: 8px 10px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 10px;
            background: rgba(8, 19, 31, 0.55);
            font-size: 12px;
        }

        .bc-peer-head {
            font-size: 11px;
            font-weight: 600;
            color: rgba(var(--bc-color-text-dim-rgb), 0.95);
            margin-bottom: 6px;
        }

        .bc-peer-row {
            display: grid;
            grid-template-columns: 1fr auto auto auto auto;
            gap: 8px;
            align-items: center;
            padding: 4px 0;
            border-top: 1px solid rgba(148, 163, 184, 0.10);
        }

        .bc-peer-name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bc-peer-min,
        .bc-peer-pct,
        .bc-peer-goals,
        .bc-peer-delta {
            font-variant-numeric: tabular-nums;
        }

        .bc-peer-min {
            color: rgba(var(--bc-color-text-dim-rgb), 0.75);
        }

        .bc-peer-delta.is-ahead {
            color: #ffb43d;
            font-weight: 700;
        }

        .bc-peer-delta.is-behind-peer {
            color: rgba(var(--bc-color-text-dim-rgb), 0.7);
        }

        .bc-peer-note {
            margin-top: 6px;
            font-size: 10px;
            line-height: 1.35;
            color: rgba(var(--bc-color-text-dim-rgb), 0.7);
        }

        /* Alerted-only filter, at the top of the board.
           Mobile first: the base rules are the phone layout - full width, 44px tap
           target, hint on its own line - and the desktop rule below narrows it. The
           mobile filter bar next to it is hidden above 1024px, so this deliberately
           lives in its own strip rather than inside it. */
        .bc-alert-filter-bar {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 6px;
            width: calc(100% - 24px);
            margin: 0 auto 10px;
        }

        .bc-alert-filter-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            min-height: 44px;
            padding: 10px 16px;
            border: 1px solid transparent;
            border-radius: var(--bc-corner-sm);
            background: var(--bc-color-surface-overlay);
            color: var(--bc-color-text-secondary);
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
            transition: background var(--bc-motion-fast), color var(--bc-motion-fast);
        }

        .bc-alert-filter-btn[aria-pressed="true"] {
            background: var(--bc-color-surface-raised);
            border-color: transparent;
            color: var(--bc-color-text);
            box-shadow: inset 0 -2px 0 var(--bc-color-warning);
        }

        .bc-alert-filter-btn.is-empty {
            opacity: 0.55;
        }

        .bc-alert-filter-count {
            min-width: 22px;
            padding: 1px 7px;
            border-radius: 999px;
            background: rgba(8, 19, 31, 0.35);
            font-size: 13px;
            font-variant-numeric: tabular-nums;
        }

        .bc-alert-filter-btn[aria-pressed="true"] .bc-alert-filter-count {
            background: rgba(8, 19, 31, 0.18);
        }

        .bc-alert-filter-hint {
            font-size: 11px;
            line-height: 1.35;
            color: rgba(var(--bc-color-text-dim-rgb), 0.85);
            text-align: center;
        }

        @media (min-width: 1025px) {
            .bc-alert-filter-bar {
                flex-direction: row;
                align-items: center;
                gap: 12px;
            }

            .bc-alert-filter-btn {
                width: auto;
                min-height: 36px;
                padding: 6px 14px;
                font-size: 13px;
            }

            .bc-alert-filter-hint {
                text-align: left;
            }
        }

        /* Alert flag on a match card. In-flow next to league/meta or grid actions so
           it cannot cover the score, team names, or the top-right action cluster. */
        .bc-alert-chip {
            position: static;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 3px 9px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.2px;
            color: #08131f;
            background: linear-gradient(180deg, #ffd479, #ffb43d);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
            pointer-events: none;
            white-space: nowrap;
            flex-shrink: 0;
        }

        .bc-match-league .bc-alert-chip {
            margin-left: auto;
            margin-right: 4px;
        }

        /* Mobile copyable team name styling */
        .mobile-copyable {
            cursor: pointer;
            /* Drops the 300ms double-tap-zoom wait, so the tap registers at once. */
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            transition: background-color 0.2s ease;
        }

        .mobile-copyable:active {
            background-color: var(--bc-color-line-medium);
            border-radius: 4px;
        }

        /* Copy toast notification */
        /* z-index above every overlay on the page - the smart-rank popover reaches
           12000 and betting alerts 10000, so at the old 1000 the toast was painted
           behind them and a successful copy looked like it had done nothing. */
        .copy-toast {
            position: fixed;
            top: calc(20px + env(safe-area-inset-top, 0px));
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            z-index: 12001;
            opacity: 0;
            pointer-events: none;
            max-width: calc(100vw - 32px);
            text-align: center;
            transition: opacity 0.3s ease;
        }

        .copy-toast.show {
            opacity: 1;
        }

        /* Flashing highlight for high L5 dangerous attacks */
        @keyframes l5Flash {
            0% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.65; transform: scale(1.05); }
            100% { opacity: 1; transform: scale(1); }
        }

        .dangerous-l5-flash {
            animation: l5Flash 0.8s ease-in-out 3;
        }

        /* Action buttons container */
        .action-buttons {
            display: flex;
            gap: 8px;
            justify-content: center;
            margin-top: 8px;
        }

        /* Delta button styling */

        /* Global controls styling */
        .global-controls {
            display: flex;
            justify-content: center;
            padding: 10px;
            margin-bottom: 10px;
        }


        /* Extra small mobile devices */
        @media (max-width: 480px) {
            /* Ultra-compact stats for very small screens */
            .stats-row {
                gap: 1px;
                padding: 0 1px;
            }

            .stat-section {
                padding: 1px;
            }

            .stat-title {
                font-size: 11px;
            }

            .stat-circle {
                width: 20px;
                height: 20px;
                font-size: 11px;
            }

            .stat-value {
                font-size: 11px;
                min-width: 20px;
            }

            .shots-title {
                font-size: 11px;
            }

            .shots-value {
                font-size: 11px;
                min-width: 22px;
            }

            .stat-column {
                width: 18px;
                height: 18px;
                font-size: 11px;
            }

            .stat-icon {
                font-size: 11px;
            }

            .stat-small-value {
                font-size: 11px;
            }
        }

        /* Phase 1 Backend Integration Styles */
        .betting-alert {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 10000;
            background: linear-gradient(135deg, #2c3e50, #34495e);
            border-radius: 12px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            border: 2px solid #3498db;
            max-width: 350px;
            animation: slideInRight 0.5s ease-out;
        }

        .betting-alert-content {
            padding: 20px;
            color: white;
        }

        .betting-alert-content h4 {
            margin: 0 0 10px 0;
            color: #3498db;
            font-size: 16px;
            font-weight: 600;
        }

        .betting-alert-content p {
            margin: 0 0 15px 0;
            font-size: 14px;
            line-height: 1.4;
        }

        .betting-alert-content button {
            background: linear-gradient(135deg, #3498db, #2980b9);
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 500;
            transition: all 0.3s ease;
        }

        .betting-alert-content button:hover {
            background: linear-gradient(135deg, #2980b9, #1f4e79);
            transform: translateY(-1px);
        }

        .momentum-high {
            color: #e74c3c;
            font-weight: bold;
        }

        .momentum-medium {
            color: #f39c12;
            font-weight: 600;
        }

        .momentum-low {
            color: #95a5a6;
        }

        @keyframes slideInRight {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }


        .chart-canvas {
            position: relative;
            height: 336px;
            width: 100%;
            max-width: none;
            margin: 0 auto;
        }

        .bc-v2-selected-hero {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin: 0 16px 10px;
            padding: 0;
        }

        .bc-v2-selected-copy {
            display: none;
        }

        .bc-v2-selected-badges {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 8px;
            width: 100%;
        }

        .bc-v2-selected-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 8px 11px;
            border-radius: 999px;
            border: 1px solid var(--bc-color-line);
            background: var(--bc-color-surface-subtle);
            color: #dbe8f7;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .bc-v2-selected-badge.is-live {
            color: #b9ffd3;
            border-color: rgba(34, 197, 94, 0.24);
            background: rgba(34, 197, 94, 0.1);
        }

        .bc-v2-selected-badge.is-focus {
            color: #ccecff;
            border-color: rgba(56, 189, 248, 0.18);
            background: rgba(14, 165, 233, 0.08);
            opacity: 0.82;
            font-size: 10px;
            padding: 6px 9px;
        }

        .bc-v2-graph-shell {
            margin: 0 16px 16px;
            padding: 12px 12px 14px;
            border-radius: 18px;
            border: 1px solid var(--bc-color-surface-hover);
            background:
                radial-gradient(circle at top left, rgba(34, 197, 94, 0.08), transparent 30%),
                linear-gradient(180deg, var(--bc-color-surface-subtle), rgba(255, 255, 255, 0.015));
        }

        .bc-v2-graph-head {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            margin-bottom: 6px;
        }

        .bc-v2-graph-story {
            display: grid;
            gap: 8px;
            margin-bottom: 10px;
        }

        .bc-v2-live-reading-row {
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .bc-v2-signal-badge {
            flex-shrink: 0;
            display: inline-flex;
            align-items: center;
            padding: 5px 9px;
            border-radius: 8px;
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            border: 1px solid transparent;
            line-height: 1.2;
        }

        .bc-v2-signal-badge.is-strong {
            color: var(--bc-color-positive-soft);
            background: rgba(34, 197, 94, 0.14);
            border-color: rgba(34, 197, 94, 0.28);
        }

        .bc-v2-signal-badge.is-mixed {
            color: var(--bc-color-warning-text);
            background: rgba(251, 191, 36, 0.14);
            border-color: rgba(251, 191, 36, 0.28);
        }

        .bc-v2-signal-badge.is-weak {
            color: #cbd5e1;
            background: var(--bc-color-line);
            border-color: rgba(148, 163, 184, 0.22);
        }

        .bc-v2-signal-badge.is-caution {
            color: var(--bc-color-negative-text);
            background: rgba(248, 113, 113, 0.14);
            border-color: rgba(248, 113, 113, 0.24);
        }

        .bc-v2-live-reading {
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            color: #c8d6e7;
            font-size: 13px;
            line-height: 1.45;
            font-weight: 600;
            flex: 1;
            min-width: 0;
        }

        .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge--readable {
            flex: 1 1 220px;
            min-width: 0;
        }

        .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-col-value {
            font-size: 18px;
        }

        .bc-v2-context-lead {
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .bc-v2-interpretation-grid {
            display: grid;
            gap: 0;
            border-radius: 12px;
            border: 1px solid var(--bc-color-surface-hover);
            overflow: hidden;
        }

        .bc-v2-interpretation-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 8px 10px;
            border-bottom: 1px solid var(--bc-color-surface-subtle);
            font-size: 12px;
        }

        .bc-v2-interpretation-row:last-child {
            border-bottom: 0;
        }

        .bc-v2-interpretation-row span {
            color: #71849d;
            font-weight: 700;
            font-size: 10px;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .bc-v2-interpretation-row b {
            color: var(--bc-color-text-bright);
            font-weight: 800;
            text-align: right;
        }

        .bc-v2-interpretation-row b.is-strong {
            color: var(--bc-color-positive-light);
        }

        .bc-v2-interpretation-row b.is-mixed {
            color: var(--bc-color-warning-text);
        }

        .bc-v2-interpretation-row b.is-none {
            color: var(--bc-color-text-dim);
        }

        .bc-v2-graph-copy {
            display: none;
        }

        .bc-v2-graph-guide {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: flex-start;
        }

        .bc-v2-guide-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 4px 8px;
            border-radius: 999px;
            border: 1px solid var(--bc-color-surface-hover);
            background: rgba(255, 255, 255, 0.025);
            color: #9db1c9;
            font-size: 10px;
            font-weight: 700;
            white-space: nowrap;
        }

        .bc-v2-guide-pill.is-event {
            gap: 6px;
        }

        .bc-v2-guide-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 18px;
            height: 18px;
            font-size: 12px;
            line-height: 1;
        }

        .bc-v2-guide-line {
            width: 16px;
            height: 0;
            border-top: 3px solid currentColor;
            border-radius: 999px;
            display: inline-block;
        }

        .bc-v2-guide-line.home {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-guide-line.away {
            color: rgba(255, 87, 185, 1);
        }

        .bc-v2-guide-line.compare {
            color: rgba(var(--bc-color-fg-rgb), 0.6);
            border-top-style: dashed;
        }

        .bc-v2-guide-line.dashed {
            border-top-style: dashed;
            opacity: 0.8;
        }

        .bc-v2-graph-story .bc-v2-focus-pressure-metrics,
        .bc-v2-graph-story .bc-v2-pg-metrics {
            margin: 0;
        }

        .bc-v2-guide-pill--meta {
            color: #71849d;
            border-style: dashed;
        }

        .bc-v2-micro-kpis {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            margin: 0 0 10px;
        }

        .bc-v2-team-stats-table {
            display: grid;
            gap: 0;
            margin: 0 0 10px;
            border-radius: 14px;
            border: 1px solid var(--bc-color-surface-hover);
            background: rgba(255, 255, 255, 0.025);
            overflow: hidden;
        }

        .bc-v2-team-stats-head,
        .bc-v2-team-stats-row {
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(56px, 0.7fr) minmax(56px, 0.7fr);
            gap: 8px;
            align-items: center;
            padding: 8px 12px;
        }

        .bc-v2-team-stats-head {
            color: #71849d;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            border-bottom: 1px solid var(--bc-color-surface-hover);
            background: var(--bc-color-fill-faint);
        }

        .bc-v2-team-stats-head .is-home,
        .bc-v2-team-stats-row .is-home {
            color: rgba(24, 124, 255, 1);
            text-align: right;
            font-weight: 800;
        }

        .bc-v2-team-stats-head .is-away,
        .bc-v2-team-stats-row .is-away {
            color: rgba(255, 87, 185, 1);
            text-align: right;
            font-weight: 800;
        }

        .bc-v2-team-stats-row {
            color: #c8d6e7;
            font-size: 12px;
            font-weight: 600;
            border-bottom: 1px solid var(--bc-color-surface-subtle);
        }

        .bc-v2-team-stats-row:last-child {
            border-bottom: 0;
        }

        .bc-v2-team-stats-row span:first-child {
            color: var(--bc-color-text-dim);
        }

        .bc-v2-confidence-badge {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            padding: 5px 10px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            border: 1px solid transparent;
        }

        .bc-v2-confidence-badge.is-strong {
            color: var(--bc-color-positive-soft);
            background: rgba(34, 197, 94, 0.12);
            border-color: rgba(34, 197, 94, 0.24);
        }

        .bc-v2-confidence-badge.is-mixed {
            color: var(--bc-color-warning-text);
            background: rgba(251, 191, 36, 0.12);
            border-color: rgba(251, 191, 36, 0.24);
        }

        .bc-v2-confidence-badge.is-weak {
            color: #cbd5e1;
            background: rgba(148, 163, 184, 0.12);
            border-color: rgba(148, 163, 184, 0.2);
        }

        .bc-v2-confidence-badge.is-caution {
            color: var(--bc-color-negative-text);
            background: rgba(248, 113, 113, 0.12);
            border-color: rgba(248, 113, 113, 0.22);
        }

        .bc-v2-context-confidence {
            margin-top: -2px;
        }

        .bc-v2-context-metrics-table {
            display: grid;
            gap: 0;
            border-radius: 12px;
            border: 1px solid var(--bc-color-surface-hover);
            overflow: hidden;
        }

        .bc-v2-context-metrics-table .bc-v2-team-stats-head,
        .bc-v2-context-metrics-table .bc-v2-team-stats-row {
            padding: 7px 10px;
        }

        .bc-v2-pressure-change-label,
        .bc-v2-shots-detail-label {
            display: block;
            color: #71849d;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            margin-bottom: 4px;
        }

        .bc-v2-playtime-values {
            display: grid;
            gap: 2px;
            font-size: 11px;
            line-height: 1.35;
        }

        .bc-v2-playtime-values .is-home {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-playtime-values .is-away {
            color: rgba(255, 87, 185, 1);
            text-align: right;
        }

        .bc-v2-shots-detail-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px 12px;
            margin-top: 8px;
            font-size: 11px;
            color: #c8d6e7;
        }

        .bc-v2-shots-detail-item strong {
            display: block;
            margin-top: 2px;
            color: var(--bc-color-text-bright);
            font-size: 13px;
            font-weight: 800;
        }

        .bc-v2-shots-detail-item.is-home strong {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-shots-detail-item.is-away strong {
            color: rgba(255, 87, 185, 1);
        }

        .bc-v2-micro-kpi {
            padding: 11px 12px;
            border-radius: 14px;
            border: 1px solid var(--bc-color-surface-hover);
            background: var(--bc-color-surface-subtle);
        }

        .bc-v2-micro-kpi span,
        .bc-v2-micro-kpi strong {
            display: block;
        }

        .bc-v2-micro-kpi span {
            color: #7f93ad;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .bc-v2-micro-kpi strong {
            margin-top: 6px;
            color: #f8fbff;
            font-size: 16px;
            font-weight: 800;
            line-height: 1.15;
        }

        .bc-v2-lower-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
            align-items: start;
            margin: 0 16px;
        }

        .playtime-display-container {
            margin-bottom: 16px;
            background-color: var(--bc-color-surface-indigo-deep);
            border-radius: 16px;
            padding: 12px;
            max-width: 100%;
        }

        .playtime-display-title {
            color: var(--bc-color-white);
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 12px;
            text-align: center;
        }

        .playtime-values-table {
            width: 100%;
            color: var(--bc-color-white);
            font-size: 11px;
            border-collapse: collapse;
        }

        .playtime-values-table th {
            text-align: left;
            padding: 6px 8px;
            color: rgba(var(--bc-color-fg-rgb), 0.7);
            font-weight: 500;
            border-bottom: 1px solid var(--bc-color-line-medium);
        }

        .playtime-values-table td {
            padding: 6px 8px;
            border-bottom: 1px solid var(--bc-color-fill-soft);
        }

        .playtime-values-table tr:last-child td {
            border-bottom: none;
            font-weight: 600;
            color: rgba(24, 124, 255, 1);
        }

        .playtime-home-value {
            color: rgba(24, 124, 255, 1);
        }

        .playtime-away-value {
            color: rgba(255, 87, 185, 1);
        }

        .playtime-current-row {
            background-color: var(--bc-color-fill-soft);
        }

        /* Goal Markers */
        .goal-markers-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10;
        }

        .goal-marker {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 24vw; /* avoid overflowing container on narrow widths */
        }

        .goal-line {
            width: 2px;
            opacity: 0.5;
            position: absolute;
        }

        .goal-bubble {
            width: 20px;
            height: 20px;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--bc-color-white);
            font-size: 12px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        }

        /* GS overlays */
        .gs-band {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 10px;
            border-radius: 3px;
            opacity: 0.25;
        }

        .gs-band-strong {
            background: var(--bc-color-warning-legacy);
        }

        .gs-band-extreme {
            background: #FF5252;
        }

        .gs-pulse {
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 7px;
            background: var(--bc-color-warning-legacy);
            box-shadow: 0 0 0 rgba(255, 193, 7, 0.7);
            animation: gsPulse 1.2s infinite;
            border: 2px solid rgba(0, 0, 0, 0.2);
        }

        .gs-pulse.extreme {
            background: #FF5252;
            box-shadow: 0 0 0 rgba(255, 82, 82, 0.7);
        }

        @keyframes gsPulse {
            0% {
                box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
            }
        }

        .gs-ribbon {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 2px 8px;
            border-radius: 10px;
            background: rgba(255, 193, 7, 0.15);
            color: #FFD54F;
            border: 1px solid rgba(255, 193, 7, 0.5);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.2px;
        }

        .gs-ribbon.extreme {
            background: rgba(255, 82, 82, 0.12);
            color: #FF8A80;
            border-color: rgba(255, 82, 82, 0.5);
        }

        .minute-bubble {
            padding: 1px 4px;
            border-radius: 6px;
            border-width: 1px;
            border-style: solid;
            margin-top: 2px;
            font-size: 10px;
            font-weight: 600;
        }

        /* Stats Container */
        .stats-container {
            background-color: #111827;
            border-radius: 16px;
            padding: 14px;
            margin-bottom: 12px;
            border: 1px solid var(--bc-color-line);
            background: linear-gradient(180deg, var(--bc-color-surface-subtle), rgba(255, 255, 255, 0.018));
        }

        .bc-v2-stats-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 12px;
        }

        .bc-v2-stats-head > div:first-child {
            flex: 1 1 auto;
            min-width: 0;
        }

        .bc-v2-stats-head strong {
            color: #f8fbff;
            font-size: 15px;
            font-weight: 800;
            display: block;
        }

        .bc-v2-stats-head span {
            color: #9db1c9;
            font-size: 12px;
            line-height: 1.5;
            display: block;
            margin-top: 4px;
        }

        .bc-v2-stats-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 7px 10px;
            border-radius: 999px;
            border: 1px solid var(--bc-color-line);
            background: var(--bc-color-surface-subtle);
            color: #dbe8f7;
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
        }

        /* Corner Edge module (corners-only; compact + trader focused) */
        .corner-edge {
            background-color: #111827;
            border-radius: 12px;
            padding: 8px;
            margin: 0 0 12px 0;
            border: 1px solid var(--bc-color-line);
        }

        .corner-edge .ce-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-bottom: 6px;
        }

        .corner-edge .ce-title {
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.4px;
            text-transform: uppercase;
            color: #cbd5e1;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }

        .corner-edge .ce-badges {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .corner-edge .ce-badge {
            font-size: 10px;
            padding: 2px 8px;
            border-radius: 999px;
            border: 1px solid var(--bc-color-line-strong);
            background: var(--bc-color-line);
            color: var(--bc-color-white);
            white-space: nowrap;
        }

        .corner-edge .ce-signal.low { background: var(--bc-color-line); border-color: rgba(148, 163, 184, 0.30); color: #e2e8f0; }
        .corner-edge .ce-signal.watch { background: rgba(14, 165, 233, 0.14); border-color: rgba(14, 165, 233, 0.35); color: #bfe9ff; }
        .corner-edge .ce-signal.strong { background: rgba(255, 149, 0, 0.14); border-color: rgba(255, 149, 0, 0.38); color: #ffd7a1; }
        .corner-edge .ce-signal.extreme { background: rgba(239, 83, 80, 0.14); border-color: rgba(239, 83, 80, 0.40); color: #ffb2b0; }

        .corner-edge .ce-bestline {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .corner-edge .ce-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 6px;
            margin-top: 6px;
        }

        /* With 3 main tiles (Next/Pressure/Sides), make the last tile full width on small screens */
        @media (max-width: 767.98px) {
            .corner-edge .ce-grid > .ce-metric:last-child {
                grid-column: 1 / -1;
            }
        }

        .corner-edge .ce-metric {
            padding: 6px 8px;
            border-radius: 10px;
            background: var(--bc-color-fill-soft);
            border: 1px solid var(--bc-color-line);
            min-width: 0;
        }

        .corner-edge .ce-label {
            font-size: 10px;
            color: rgba(var(--bc-color-fg-rgb), 0.55);
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .corner-edge .ce-value {
            font-size: 13px;
            font-weight: 800;
            color: var(--bc-color-white);
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 6px;
        }

        .corner-edge .ce-subvalue {
            font-size: 11px;
            font-weight: 700;
            color: rgba(var(--bc-color-fg-rgb), 0.75);
            white-space: nowrap;
        }

        .corner-edge .ce-row3 {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 6px;
            margin-top: 6px;
        }

        /* Very small screens: allow +1/+2/+3 to wrap cleanly */
        @media (max-width: 380px) {
            .corner-edge .ce-row3 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .corner-edge .ce-row3 > .ce-metric:last-child {
                grid-column: 1 / -1;
            }
        }

        .corner-edge details {
            margin-top: 8px;
            border-top: 1px solid var(--bc-color-line-medium);
            padding-top: 6px;
        }

        .corner-edge summary {
            list-style: none;
            cursor: pointer;
            color: rgba(var(--bc-color-fg-rgb), 0.75);
            font-size: 11px;
            font-weight: 700;
            user-select: none;
        }

        .corner-edge summary::-webkit-details-marker { display: none; }
        .corner-edge .ce-details-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 6px;
            margin-top: 6px;
        }

        .corner-edge .ce-detail-line {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 8px;
            padding: 6px 8px;
            border-radius: 10px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid var(--bc-color-surface-hover);
        }

        .corner-edge .ce-detail-line .k {
            color: rgba(var(--bc-color-fg-rgb), 0.65);
            font-size: 11px;
            font-weight: 700;
        }

        .corner-edge .ce-detail-line .v {
            color: var(--bc-color-white);
            font-size: 12px;
            font-weight: 800;
            font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;
            white-space: nowrap;
        }

        /* Mobile-first: deeper details behind expand */

        @media (min-width: 768px) {
            /* Desktop: 3 main tiles should be evenly spaced */
            .corner-edge .ce-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .corner-edge .ce-details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }

        .title-row {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 6px;
        }

        .stat-title {
            color: #9BA3B2;
            font-size: 10px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            line-height: 1.2;
            flex: 1;
            min-width: 0;
        }

        .stats-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            margin: 6px 0;
        }

        .stat-section {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 56px;
            padding: 8px 10px;
            border-radius: 12px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid var(--bc-color-fill-soft);
        }

        .stat-circle-container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            width: 100%;
        }

        .stat-value {
            color: var(--bc-color-white);
            font-size: 12px;
            font-weight: 500;
            text-align: center;
            min-width: 16px;
        }

        .stat-circle {
            width: 24px;
            height: 24px;
            border-radius: 12px;
            border: 1px solid var(--bc-color-white);
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #111827;
            position: relative;
            overflow: hidden;
        }

        .circle-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            border-radius: 12px;
            transition: width 0.3s ease;
        }

        .stat-arrow {
            color: var(--bc-color-white);
            font-size: 16px;
            position: relative;
            z-index: 2;
        }

        /* Bottom Stats */
        .stats-bottom-container {
            border-top: 1px solid var(--bc-color-line-medium);
            padding-top: 10px;
            margin-top: 10px;
        }

        .stats-bottom-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 4px;
        }

        .team-stats-container {
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 1;
        }

        .away-stats-container {
            justify-content: flex-end;
        }

        .shots-container {
            flex: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        .shots-title {
            color: #9BA3B2;
            font-size: 11px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            margin-bottom: 4px;
        }

        .shots-row {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 100%;
        }

        .shots-bar {
            flex: 1;
            height: 4px;
            background-color: #22306e;
            border-radius: 2px;
            display: flex;
            overflow: hidden;
        }

        .shots-bar-section {
            height: 100%;
        }

        .home-bar {
            background-color: rgba(24, 124, 255, 1);
        }

        .away-bar {
            background-color: rgba(255, 87, 185, 1);
        }

        .shots-value {
            color: var(--bc-color-white);
            font-size: 12px;
            font-weight: 600;
            min-width: 28px;
            text-align: center;
        }

        .stat-column {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1px;
            width: 24px;
            height: 24px;
            justify-content: center;
        }

        .stat-icon {
            font-size: 12px;
            line-height: 12px;
        }

        .stat-small-value {
            color: var(--bc-color-white);
            font-size: 10px;
            font-weight: 500;
            text-align: center;
        }

        .bet-button {
            position: absolute;
            top: 8px;
            right: 50px;
            width: auto;
            min-width: 36px;
            height: 36px;
            padding: 0 12px;
            border-radius: 18px;
            background-color: var(--bc-color-warning);
            border: none;
            color: var(--bc-color-white);
            font-size: 10px;
            font-weight: 700;
            white-space: nowrap;
            cursor: pointer;
            box-shadow: 0 2px 4px rgba(245, 158, 11, 0.4);
            transition: all 0.3s ease;
            z-index: 10;
        }

        .bet-button:hover {
            background-color: #d97706;
            transform: scale(1.1);
        }

        .bet-button:active {
            background-color: #b45309;
            transform: scale(1.05);
            transition-duration: 0.1s;
        }

        .match-favorite-btn {
            position: absolute;
            top: 8px;
            right: 48px;
            z-index: 16;
            width: 32px;
            height: 32px;
            border-radius: 10px;
            border: 1px solid var(--bc-color-line-strong);
            background: rgba(0, 0, 0, 0.22);
            color: rgba(251, 191, 36, 0.55);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            transition: color 0.2s ease, background 0.2s ease, transform 0.15s ease;
        }

        .match-favorite-btn:hover {
            color: #fbbf24;
            background: rgba(251, 191, 36, 0.12);
            transform: scale(1.06);
        }

        .match-favorite-btn:active {
            color: #fbbf24;
            background: rgba(251, 191, 36, 0.2);
            transform: scale(0.94);
            transition-duration: 0.1s;
        }

        .match-favorite-btn.is-favorite {
            color: #fbbf24;
            border-color: rgba(251, 191, 36, 0.45);
            background: rgba(251, 191, 36, 0.14);
        }

        .match-card:has(.bet-button) .match-favorite-btn {
            right: 112px;
        }

        /* Wider than default .minute-filter (80px); id beats .minute-filter width */
        #teamNameFilter {
            width: 152px;
            min-width: 152px;
            text-align: left;
            scroll-snap-align: none;
        }

        #teamNameFilter::placeholder {
            color: #c8d4ef;
            opacity: 1;
        }

        /* Goal Animation */
        .goal-flash {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 16px;
            z-index: 20;
            animation: goalFlash 2.5s ease-out;
            background: linear-gradient(135deg, rgba(0, 100, 0, 0.4), rgba(0, 80, 0, 0.4));
            background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 150, 0, 0.08) 10px, rgba(0, 150, 0, 0.08) 20px);
            -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
        }

        .goal-flash-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            position: relative;
            width: 100%;
            padding: 20px;
        }

        .goal-flash-text {
            font-size: 96px;
            font-weight: 900;
            color: var(--bc-color-white);
            text-shadow: 0 0 15px rgba(255, 255, 255, 0.9),
            0 0 30px rgba(255, 255, 255, 0.7),
            4px 4px 8px rgba(0, 0, 0, 0.8),
            0 0 50px rgba(255, 255, 255, 0.5);
            letter-spacing: -0.02em;
            animation: goalTextPulse 0.6s ease-in-out infinite alternate;
            text-transform: uppercase;
            line-height: 1;
        }

        .goal-flash-team {
            font-size: 28px;
            font-weight: 700;
            color: var(--bc-color-white);
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.8),
            2px 2px 6px rgba(0, 0, 0, 0.8);
            margin-top: 12px;
            letter-spacing: 1px;
            opacity: 1;
            animation: goalTeamFadeIn 0.8s ease-out 0.2s both;
            min-height: 32px;
            display: block;
        }


        .goal-flash-chevrons {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            gap: 8px;
            opacity: 0.7;
        }

        .goal-flash-chevrons.right {
            right: 40px;
        }

        .goal-flash-chevrons.left {
            left: 40px;
            flex-direction: row-reverse;
        }

        .goal-flash-chevron {
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            animation: goalChevronSlide 1.2s ease-in-out infinite;
        }

        .goal-flash-chevrons.right .goal-flash-chevron {
            border-left: 30px solid rgba(255, 255, 255, 0.9);
        }

        .goal-flash-chevrons.left .goal-flash-chevron {
            border-right: 30px solid rgba(255, 255, 255, 0.9);
        }

        .goal-flash-chevrons .goal-flash-chevron:nth-child(1) {
            animation-delay: 0s;
        }

        .goal-flash-chevrons .goal-flash-chevron:nth-child(2) {
            animation-delay: 0.2s;
        }

        .goal-flash-chevrons .goal-flash-chevron:nth-child(3) {
            animation-delay: 0.4s;
        }

        @keyframes goalTextPulse {
            0% {
                transform: scale(1);
                text-shadow: 0 0 15px rgba(255, 255, 255, 0.9),
                0 0 30px rgba(255, 255, 255, 0.7),
                4px 4px 8px rgba(0, 0, 0, 0.8),
                0 0 50px rgba(255, 255, 255, 0.5);
            }
            100% {
                transform: scale(1.03);
                text-shadow: 0 0 20px rgba(255, 255, 255, 1),
                0 0 40px rgba(255, 255, 255, 0.8),
                4px 4px 8px rgba(0, 0, 0, 0.8),
                0 0 70px rgba(255, 255, 255, 0.6);
            }
        }

        @keyframes goalTeamFadeIn {
            0% {
                opacity: 0;
                transform: translateY(10px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }


        @keyframes goalChevronSlide {
            0%, 100% {
                transform: translateX(0);
                opacity: 0.5;
            }
            50% {
                transform: translateX(10px);
                opacity: 1;
            }
        }

        .goal-flash-chevrons.left .goal-flash-chevron {
            animation-name: goalChevronSlideLeft;
        }

        @keyframes goalChevronSlideLeft {
            0%, 100% {
                transform: translateX(0);
                opacity: 0.5;
            }
            50% {
                transform: translateX(-10px);
                opacity: 1;
            }
        }

        @keyframes goalFlash {
            0% {
                opacity: 0;
                transform: scale(0.5);
            }
            20% {
                opacity: 1;
                transform: scale(1);
            }
            80% {
                opacity: 1;
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1.1);
            }
        }

        /* Modal */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .modal-content {
            background: radial-gradient(800px 300px at 10% -10%, rgba(34, 197, 94, 0.10), transparent 60%),
            radial-gradient(600px 300px at 110% -20%, rgba(14, 165, 233, 0.10), transparent 60%),
            #111827;
            padding: 24px;
            border-radius: 16px;
            border: 1px solid var(--bc-color-line);
            width: 90%;
            max-width: 720px;
            max-height: 80%;
            overflow-y: auto;
            position: relative;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
        }

        .close-button {
            position: absolute;
            top: 16px;
            right: 16px;
            background: none;
            border: none;
            color: var(--bc-color-white);
            font-size: 24px;
            cursor: pointer;
        }

        .modal-title {
            font-size: 20px;
            font-weight: 600;
            color: var(--bc-color-white);
            margin-bottom: 16px;
            text-align: center;
        }

        /* Confirmation Modal Styles */
        .confirmation-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .confirmation-content {
            background: radial-gradient(400px 200px at 10% -10%, rgba(34, 197, 94, 0.10), transparent 60%),
            radial-gradient(300px 200px at 110% -20%, rgba(14, 165, 233, 0.10), transparent 60%),
            #111827;
            padding: 24px;
            border-radius: 16px;
            border: 1px solid var(--bc-color-line);
            width: 90%;
            max-width: 400px;
            position: relative;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
            text-align: center;
        }

        .confirmation-title {
            font-size: 18px;
            font-weight: 600;
            color: var(--bc-color-white);
            margin-bottom: 12px;
        }

        .confirmation-message {
            font-size: 14px;
            color: #d1d5db;
            margin-bottom: 20px;
            line-height: 1.5;
        }

        .confirmation-buttons {
            display: flex;
            gap: 12px;
            justify-content: center;
        }

        .confirmation-btn {
            padding: 10px 20px;
            border-radius: 8px;
            border: none;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width: 80px;
        }

        .confirmation-btn.confirm {
            background-color: var(--bc-color-positive);
            color: var(--bc-color-white);
        }

        .confirmation-btn.confirm:hover {
            filter: brightness(0.88);
            transform: translateY(-1px);
        }

        .confirmation-btn.cancel {
            background-color: #6b7280;
            color: var(--bc-color-white);
        }

        .confirmation-btn.cancel:hover {
            background-color: #4b5563;
            transform: translateY(-1px);
        }

        /* Bet Type Selection */
        .bet-type-selection {
            margin: var(--bc-spacing-6) 0;
        }

        .bet-type-selection-label {
            margin-bottom: var(--bc-spacing-4);
            color: var(--bc-color-text);
            font-size: 16px;
            font-weight: 600;
            text-align: center;
        }

        .bet-type-selection-row {
            display: flex;
            gap: var(--bc-spacing-4);
            justify-content: center;
        }

        .bet-type-selection-indicator {
            margin-top: var(--bc-spacing-3);
            min-height: 20px;
            color: var(--bc-color-positive);
            font-size: 14px;
            font-weight: 600;
            text-align: center;
        }

        /* Bet Type Selection Buttons */
        .bet-type-btn {
            flex: 1;
            padding: 16px 12px;
            border-radius: 12px;
            border: 3px solid;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 14px;
            min-height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            position: relative;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .bet-type-btn.selected {
            transform: scale(1.08);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
        }

        .bet-type-btn.selected::before {
            content: "✓";
            position: absolute;
            top: -8px;
            right: -8px;
            background-color: var(--bc-color-white);
            color: var(--bc-color-black);
            border-radius: 50%;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            font-size: 12px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        /* Both options start neutral (ghost) and equally weighted; picking one
           fills it solid in its own color. Neither is pre-emphasized by default,
           so the button styling doesn't nudge people toward Over. */
        .bet-type-btn[data-type="over"] {
            border-color: var(--bc-color-positive);
            background-color: transparent;
            color: var(--bc-color-positive);
        }

        .bet-type-btn[data-type="over"]:hover {
            background-color: rgba(52, 199, 117, 0.12);
            transform: translateY(-2px);
        }

        .bet-type-btn[data-type="over"].selected {
            background-color: var(--bc-color-positive);
            color: var(--bc-color-white);
            box-shadow: 0 4px 16px rgba(52, 199, 117, 0.4);
        }

        .bet-type-btn[data-type="under"] {
            border-color: #6b7280;
            background-color: transparent;
            color: #6b7280;
        }

        .bet-type-btn[data-type="under"]:hover {
            background-color: rgba(107, 114, 128, 0.12);
            transform: translateY(-2px);
        }

        .bet-type-btn[data-type="under"].selected {
            background-color: #6b7280;
            color: var(--bc-color-white);
            border-color: #6b7280;
            box-shadow: 0 4px 16px rgba(107, 114, 128, 0.4);
        }

        /* TOP Button */
        .top-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            border-radius: 25px;
            /* white on #3b82f6 was 3.68:1; #2563eb gives 5.17:1 */
            background-color: #2563eb;
            border: none;
            color: var(--bc-color-white);
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
            transition: all 0.3s ease;
            z-index: 1000;
            display: block;
        }

        .top-button:hover {
            background-color: #1d4ed8;
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(59, 130, 246, 0.5);
        }

        .no-analysis {
            text-align: center;
            padding: 40px 20px;
        }

        .no-analysis-icon {
            font-size: 48px;
            margin-bottom: 16px;
        }

        .no-analysis-title {
            font-size: 20px;
            font-weight: 600;
            color: var(--bc-color-white);
            margin-bottom: 8px;
        }

        .no-analysis-text {
            font-size: 16px;
            color: rgba(var(--bc-color-fg-rgb), 0.7);
            margin-bottom: 20px;
        }

        /* Empty State */
        .empty-state {
            text-align: center;
            padding: 60px 20px;
        }

        .empty-state i {
            font-size: 48px;
            color: var(--bc-color-grey-400);
            margin-bottom: 16px;
        }

        .empty-state p {
            font-size: 16px;
            color: var(--bc-color-grey-400);
            font-weight: 500;
        }

        /* Responsive Design */
        @media (min-width: 769px) {
            .container-fluid {
                padding: 0;
                background-color: var(--bc-color-canvas);
            }

            .filters-container {
                border-bottom: 1px solid var(--bc-color-surface-indigo);
                border-radius: 0;
            }

            .main-content {
                padding: 20px 16px;
            }
        }

        @media (max-width: 768px) {
            .filter-row::-webkit-scrollbar { /* hide scrollbar on mobile */
                display: none;
            }

            /* hide desktop scroll buttons on mobile */
            .filters-scroll-btn {
                display: none;
            }

            body {
                overflow-x: hidden;
            }

            .container-fluid {
                overflow-x: hidden;
                padding: 0;
                position: relative;
            }

            .main-content {
                max-width: 100%;
                margin: 0;
                padding: 12px;
                overflow-x: hidden;
            }

            .filters-container {
                max-width: 100%;
                margin: 0;
                padding: 12px;
                overflow-x: hidden;
                position: fixed;
                top: auto;
                left: auto;
                right: auto;
                width: 100%;
                z-index: 1000;
                background-color: var(--bc-color-canvas);
                border-bottom: 1px solid var(--bc-color-surface-indigo);
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
            }

            .match-card {
                max-width: 100%;
                margin: 8px auto;
                position: relative;
                overflow: hidden;
                width: 100%;
                box-sizing: border-box;
            }

            .chart-canvas {
                max-width: 100%;
                margin: 0 auto;
                width: 100%;
            }

            .chart-container {
                padding: 8px;
                margin-bottom: 12px;
                overflow: hidden;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                margin-left: auto;
                margin-right: auto;
            }

            /* proximity (not mandatory): mandatory snap + keyboard reflow scrolls the strip and drops input focus on iOS */
            .filter-row {
                flex-wrap: nowrap; /* keep on one row */
                gap: 4px;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x proximity;
                overscroll-behavior-x: contain;
                padding-bottom: 6px;
            }

            .minute-filter {
                flex: 0 0 72px; /* smaller for mobile */
                width: 72px;
                padding: 6px 8px;
                font-size: 13px;
                scroll-snap-align: none;
            }

            #teamNameFilter {
                width: 128px;
                min-width: 128px;
                scroll-snap-align: none;
            }

            .filter-btn {
                font-size: 11px;
                padding: 4px 8px;
                min-width: 36px;
                border-radius: 16px;
                scroll-snap-align: none;
            }

            /* tighten specific long labels */
            #midRangeBtn, #lateRangeBtn {
                padding: 4px 6px;
                font-size: 10px;
            }

            .legend-container {
                /* Mirror desktop alignment on mobile */
                padding: 0 16px;
                margin-right: 0;
                gap: 16px; /* balanced spacing */
                grid-template-columns: 1fr auto 1fr; /* left team | score | right team */
                min-height: auto; /* grow with content so full names are visible */
                align-items: center;
                grid-template-rows: initial;
            }

            .team-container {
                max-width: 85%;
                min-width: 0;
            }


            .team-legend {
                min-width: 0;
            }

            .score {
                /* slightly reduced for small widths to avoid collision */
                font-size: 28px;
            }

            .score-container {
                min-width: 88px; /* reserve space so names never slide under score */
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 4px;
                padding: 4px 0; /* add vertical spacing around score & GS */
            }

            /* Do not wrap; keep identical to desktop */
            .gs-badge {
                height: 20px;
                padding: 2px 6px;
                font-size: 12px;
                letter-spacing: 0.2px;
            }

            .team-legend {
                flex-wrap: nowrap;
            }

            .team-legend .gs-badge {
                flex-basis: auto;
                margin-top: 0;
                justify-content: initial;
            }

            /* Restore desktop grid placement */
            .legend-container .score-container {
                grid-column: 2 !important;
                grid-row: auto;
            }

            .legend-container .team-container {
                grid-row: auto;
            }

            .legend-container .team-container:first-child {
                grid-column: 1 !important;
            }

            .legend-container .team-container:last-child {
                grid-column: 3 !important;
            }

            .stats-container {
                padding: 6px;
                margin-bottom: 8px;
            }

            .stat-title {
                font-size: 10px;
            }

            .stat-value {
                font-size: 10px;
            }

            .match-favorite-btn {
                top: 4px;
                right: 40px;
                width: 28px;
                height: 28px;
                border-radius: 8px;
            }

            .match-card:has(.bet-button) .match-favorite-btn {
                right: 84px;
            }


            /* TOP Button Mobile Adjustments */
            .top-button {
                position: fixed !important;
                bottom: 20px !important;
                right: 20px !important;
                width: 60px !important;
                height: 60px !important;
                border-radius: 30px;
                background-color: var(--bc-color-negative);
                border: 3px solid var(--bc-color-white);
                color: var(--bc-color-white);
                font-size: 14px !important;
                font-weight: 700 !important;
                cursor: pointer !important;
                box-shadow: 0 6px 20px rgba(239, 68, 68, 0.6);
                transition: all 0.3s ease !important;
                z-index: 9999 !important;
                display: block !important;
                opacity: 1 !important;
                visibility: visible !important;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            }

            .top-button:hover {
                background-color: var(--bc-color-negative-deep);
                transform: scale(1.1) !important;
            }

            /* Comparison compact mode */
            #comparisonInputs {
                gap: 6px;
            }

            .comparison-inputs .minute-filter {
                flex: 0 0 54px;
                width: 54px;
                padding: 4px 6px;
                font-size: 12px;
            }

            .vs-text {
                font-size: 12px;
                min-width: 14px;
            }

            .betting-filter-checkbox .filter-label {
                display: none; /* hide long label on mobile */
            }

            .betting-filter-checkbox .checkmark {
                width: 18px;
                height: 18px;
            }

            /* Stats responsive */
            .stats-row {
                gap: 2px;
            }

            .stat-section {
                flex: 1;
                min-width: 0;
            }

            .stat-circle-container {
                gap: 2px;
            }

            .stat-circle {
                width: 20px;
                height: 20px;
            }

            .shots-container {
                min-width: 0;
                flex: 1.5;
            }

            .shots-title {
                font-size: 11px;
            }

            .shots-value {
                font-size: 11px;
                min-width: 24px;
            }

            .team-stats-container {
                gap: 4px;
                min-width: 0;
            }

            .stat-column {
                width: 20px;
                height: 20px;
            }

            .stat-icon {
                font-size: 11px;
            }

            .stat-small-value {
                font-size: 11px;
            }

            /* Modal mobile adjustments */
            .modal-content {
                width: 95%;
                padding: 16px;
                margin: 10px;
                max-height: 90vh;
            }

            .modal-title {
                font-size: 18px;
                margin-bottom: 12px;
            }

            /* Ensure no horizontal overflow */
            *, *::before, *::after {
                box-sizing: border-box;
            }

            .chart-canvas canvas {
                max-width: 100% !important;
                width: 100% !important;
                height: auto !important;
            }

            /* Smaller chart/goal markers on mobile to avoid clipping */
            .chart-icon-container {
                width: 20px;
                height: 20px;
                border-radius: 10px;
            }

            .chart-icon {
                font-size: 10px;
            }

            .goal-bubble {
                width: 18px;
                height: 18px;
                font-size: 11px;
            }

            .minute-bubble {
                font-size: 11px;
            }

            /* Force all containers to stay within viewport */
            .matches-container {
                width: 100%;
                max-width: 100%;
                overflow-x: hidden;
            }

            .stats-container,
            .stats-row,
            .stats-bottom-container {
                width: 100%;
                max-width: none;
                overflow-x: hidden;
            }

            /* Fix mobile stats layout - more compact approach */
            .stats-row {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr;
                gap: 2px;
                padding: 0 2px;
                width: 100%;
                box-sizing: border-box;
                align-items: center;
            }

            .stat-section {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                min-width: 0;
                padding: 2px;
            }

            .stat-title {
                font-size: 11px;
                margin-bottom: 1px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
                line-height: 1;
            }

            .stat-circle-container {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 1px;
                width: 100%;
            }

            .stat-circle {
                width: 22px;
                height: 22px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 11px;
                min-width: 22px;
                flex-shrink: 0;
            }

            .stat-value {
                font-size: 11px;
                font-weight: 500;
                min-width: 20px;
                text-align: center;
                line-height: 1;
            }

            /* Fix shots section mobile layout - more compact */
            .shots-container {
                display: flex;
                flex-direction: column;
                align-items: center;
                min-width: 0;
                padding: 2px;
            }

            .shots-title {
                font-size: 11px;
                margin-bottom: 1px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
                text-align: center;
                line-height: 1;
            }

            .shots-value {
                font-size: 11px;
                min-width: 22px;
                text-align: center;
                line-height: 1;
            }

            .team-stats-container {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 2px;
                min-width: 0;
                width: 100%;
            }

            .stat-column {
                width: 20px;
                height: 20px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 11px;
                min-width: 20px;
                flex-shrink: 0;
            }

            .stat-icon {
                font-size: 11px;
            }

            .stat-small-value {
                font-size: 11px;
                margin-top: 1px;
                line-height: 1;
            }

            /* Hide goal probability indicators on mobile to prevent overflow */
            .goal-probability-container {
                display: none;
            }

            /* Swap GS position: use mobile pill under score, hide desktop one */
            .gs-badge.mobile {
                display: inline-flex;
                height: 16px;
                padding: 1px 6px;
                font-size: 10px;
                letter-spacing: 0.1px;
                margin-top: 2px;
            }

            .gs-badge.desktop {
                display: none;
            }

            /* Show all beads on mobile as on desktop */

        }

        /* Chart Icons */
        .chart-icon-container {
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 12px;
            background-color: var(--bc-color-surface-indigo-deep);
            border: 2px solid;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            z-index: 15;
            pointer-events: none;
        }

        .chart-icon {
            font-size: 12px;
            font-weight: bold;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        }

        .chart-icon-home {
            border-color: rgba(24, 124, 255, 1);
            color: rgba(24, 124, 255, 1);
            box-shadow: 0 2px 4px rgba(24, 124, 255, 0.3);
        }

        .chart-icon-away {
            border-color: rgba(255, 87, 185, 1);
            color: rgba(255, 87, 185, 1);
            box-shadow: 0 2px 4px rgba(255, 87, 185, 0.3);
        }

        /* Opp info popover */
        .opp-info-btn {
            width: 18px;
            height: 18px;
            border-radius: 9px;
            background: var(--bc-color-line-strong);
            color: var(--bc-color-white);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 700;
            margin-left: 6px;
            cursor: pointer;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .opp-info {
            position: absolute;
            top: 54px;
            right: 12px;
            background: rgba(30, 39, 86, 0.96);
            color: var(--bc-color-white);
            border: 1px solid var(--bc-color-line-medium);
            border-radius: 10px;
            padding: 10px 12px;
            z-index: 100;
            width: 240px;
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
        }

        .opp-info .row {
            display: flex;
            justify-content: space-between;
            margin: 4px 0;
            font-size: 12px;
        }

        .opp-info .neg {
            color: #ffb3b3;
            font-size: 11px;
            margin-top: 6px;
        }

        /* Goal Probability Indicator */
        .goal-probability-container {
            position: absolute;
            top: 50px;
            right: 8px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            z-index: 5;
        }

        .probability-badge {
            background: rgba(0, 0, 0, 0.7);
            border-radius: 8px;
            padding: 4px 8px;
            font-size: 11px;
            font-weight: 600;
            text-align: center;
            min-width: 32px;
            -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
            border: 1px solid var(--bc-color-line-medium);
        }

        .prob-home {
            color: rgba(24, 124, 255, 1);
            border-color: rgba(24, 124, 255, 0.3);
        }

        .prob-away {
            color: rgba(255, 87, 185, 1);
            border-color: rgba(255, 87, 185, 0.3);
        }

        .prob-high {
            animation: probabilityPulse 2s infinite;
        }

        @keyframes probabilityPulse {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            }
            50% {
                transform: scale(1.05);
                box-shadow: 0 4px 8px rgba(255, 87, 87, 0.4);
            }
        }

        /* Utility Classes */
        .d-none {
            display: none !important;
        }

        .text-center {
            text-align: center;
        }




        body, .container-fluid {
            background-color: var(--bc-color-canvas);
            color: var(--bc-color-text);
        }

        .filters-container {
            background:
                radial-gradient(900px 260px at 0% -40%, rgba(34, 197, 94, 0.12), transparent 58%),
                radial-gradient(700px 240px at 100% -50%, rgba(14, 165, 233, 0.10), transparent 55%),
                rgba(10, 17, 31, 0.96);
            border: 1px solid var(--bc-color-line);
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34), inset 0 1px 0 var(--bc-color-fill-soft);
            -webkit-backdrop-filter: blur(18px);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border-radius: 22px;
        }

        .bc-v2-filter-input,
        .minute-filter {
            background: rgba(15, 23, 42, 0.62);
            border: 1px solid rgba(148, 163, 184, 0.16);
            color: var(--bc-color-text-strong);
        }

        .filter-btn {
            background: transparent;
            color: var(--bc-color-text-secondary);
            border: 1px solid transparent;
            box-shadow: none;
        }

        .filter-btn:hover {
            background: var(--bc-color-surface-overlay);
            color: var(--bc-color-text);
        }

        .filter-btn.active {
            background: var(--bc-color-surface-raised);
            color: var(--bc-color-text);
            border-color: transparent;
            box-shadow: inset 0 -2px 0 var(--bc-color-accent);
        }

        .clear-btn {
            background: rgba(15, 23, 42, 0.72);
            color: var(--bc-color-text-dim);
            border: 1px solid rgba(148, 163, 184, 0.16);
        }

        .clear-btn:hover {
            background: rgba(30, 41, 59, 0.92);
            color: var(--bc-color-white);
        }

        .minute-filter {
            background-color: var(--bc-color-surface-hover);
            color: var(--bc-color-grey-200);
            border: 1px solid rgba(255, 255, 255, 0.14);
            box-shadow: inset 0 1px 0 var(--bc-color-surface-subtle);
        }

        .minute-filter:focus {
            border: 1px solid var(--bc-color-brand-strong);
            box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.25);
        }

        #teamNameFilter {
            width: 152px;
            min-width: 152px;
            text-align: left;
            color: #f1f5f9;
            background-color: var(--bc-color-line-medium);
            border: 1px solid rgba(255, 255, 255, 0.22);
        }

        #teamNameFilter::placeholder {
            color: #e2e8f0;
            opacity: 0.95 !important;
        }

        #teamNameFilter:focus {
            background-color: rgba(255, 255, 255, 0.14);
        }

        .filters-scroll-btn {
            background: rgba(2, 6, 23, 0.55);
            border: 1px solid var(--bc-color-line-medium);
            color: var(--bc-color-grey-200);
        }

        .filters-scroll-btn:hover {
            background: rgba(2, 6, 23, 0.8);
        }

        .stats-container, .match-card, .chart-container {
            background-color: #111827;
            color: var(--bc-color-text);
        }

        /* Card elevation for matches/graphs */
        .match-card, .chart-container, .stats-container {
            border: 1px solid var(--bc-color-surface-hover);
            border-radius: 16px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
            background: radial-gradient(1000px 380px at -10% -10%, rgba(34, 197, 94, 0.08), transparent 60%),
            radial-gradient(800px 320px at 110% -20%, rgba(14, 165, 233, 0.08), transparent 60%),
            #111827;
        }

        .matches-container {
            gap: 22px;
        }

        .shots-bar {
            background-color: #22306e;
        }

        /* generic floating action round button (Δ) */
        .fab, .floating, .floating-btn, .floating-action, .round-action {
            background: radial-gradient(120px 120px at 30% 20%, var(--bc-color-brand-strong) 0%, var(--bc-color-info) 60%);
            color: #04130a;
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), 0 0 18px rgba(14, 165, 233, 0.35);
        }

        /* ID-level active overrides to beat any component-specific rules */
        #comparisonToggleBtn.active,
        #greaterThanBtn.active,
        #lessThanBtn.active,
        #midRangeBtn.active,
        #lateRangeBtn.active,
        #ladderFilterBtn.active,
        #highProbSignalsBtn.active,
        #similarGraphsBtn.active {
            background: linear-gradient(135deg, var(--bc-color-brand-strong) 0%, var(--bc-color-info) 100%);
            color: #04130a;
            border-color: rgba(255, 255, 255, 0.18);
            box-shadow: 0 4px 14px rgba(14, 165, 233, 0.28);
        }

        .similar-graph-badge {
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 10px;
            background: rgba(56, 189, 248, 0.14);
            color: var(--bc-color-accent-soft);
            border: 1px solid rgba(56, 189, 248, 0.38);
            display: inline-block;
            white-space: nowrap;
            max-width: min(220px, 42vw);
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
        }

        .bc-demo-banner {
            margin: 12px 16px 0;
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid rgba(34, 197, 94, 0.35);
            background: rgba(34, 197, 94, 0.12);
            color: #d7ffe7;
            font-size: 14px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            justify-content: space-between;
        }

        .bc-demo-banner a {
            color: #04130a;
            background: linear-gradient(135deg, var(--bc-color-brand-strong), var(--bc-color-info));
            padding: 8px 12px;
            border-radius: 999px;
            text-decoration: none;
            font-weight: 700;
            font-size: 13px;
        }

        .bc-v2-toolbar-head {
            display: none;
            flex-wrap: wrap;
            align-items: end;
            justify-content: space-between;
            gap: 10px;
            width: calc(100% - (var(--bc-layout-gutter) * 2));
            max-width: none;
            margin: 0 var(--bc-layout-gutter) 12px;
            padding: 0;
            box-sizing: border-box;
        }

        .bc-v2-toolbar-copy {
            display: grid;
            gap: 4px;
        }

        .bc-v2-toolbar-copy strong {
            font-size: 13px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--bc-color-accent-soft);
        }

        .bc-v2-toolbar-copy span {
            color: #9ca3af;
            font-size: 14px;
            line-height: 1.5;
        }

        .bc-v2-toolbar-note {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 999px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid var(--bc-color-line);
            color: #cbd5e1;
            font-size: 12px;
            font-weight: 600;
        }

        .bc-v2-advanced-presets-panel .bc-v2-preset-row--advanced {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .bc-v2-preset-btn--advanced {
            padding: 6px 11px;
        }

        .bc-v2-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 14px;
            align-items: start;
            justify-content: stretch;
            max-width: none;
            width: 100%;
            margin: 0;
            box-sizing: border-box;
        }

        .bc-v2-header {
            max-width: none;
            width: 100%;
            margin: 0;
            box-sizing: border-box;
        }

        .bc-v2-grid > *,
        .main-content,
        .bc-v2-panel {
            min-width: 0;
        }

        .bc-v2-match-list {
            display: grid;
            gap: 10px;
        }

        .bc-v2-match-rail .bc-v2-match-list {
            min-height: 0;
        }

        .bc-v2-workspace-shell {
            min-height: 0;
        }

        .bc-v2-mobile-match-picker {
            display: none;
            margin: 18px auto 0;
            max-width: 680px;
        }

        .bc-v2-mobile-match-picker-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 10px;
        }

        .bc-v2-mobile-match-picker-head h2 {
            margin: 0;
            color: #e2e8f0;
            font-size: 13px;
            font-weight: 800;
        }

        .bc-v2-mobile-match-picker-head span {
            /* grey-500 measured 3.02:1 against the picker panel — below the 4.5
               floor for 11px text. text-tertiary is the established muted-text
               token and clears it. */
            color: var(--bc-color-text-tertiary);
            font-size: 11px;
            font-weight: 600;
        }

        .bc-v2-match-item {
            display: grid;
            gap: 12px;
            width: 100%;
            padding: 14px 15px;
            border-radius: 16px;
            border: 1px solid var(--bc-color-surface-hover);
            background: var(--bc-color-surface-subtle);
            color: inherit;
            text-align: left;
            cursor: pointer;
            transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
        }

        .bc-v2-match-item:hover {
            border-color: rgba(125, 211, 252, 0.28);
            background: var(--bc-color-fill-soft);
            transform: translateY(-1px);
        }

        .bc-v2-match-item.is-idle {
            opacity: 0.42;
        }

        .bc-v2-match-item.is-idle:hover {
            opacity: 0.75;
        }

        .bc-v2-match-item.is-idle.is-selected {
            opacity: 1;
        }

        .bc-v2-match-item.is-soon { box-shadow: inset 3px 0 0 var(--bc-color-brand-strong); }
        .bc-v2-match-item.is-spot {
            background: rgba(234, 179, 8, 0.1);
            box-shadow: inset 4px 0 0 var(--bc-color-warning-bright);
        }
        .bc-v2-match-item.is-bet {
            background: rgba(250, 204, 21, 0.16);
            box-shadow: inset 5px 0 0 var(--bc-color-warning-soft);
        }
        .bc-v2-match-item.is-goal {
            background: rgba(220, 38, 38, 0.2);
            box-shadow: inset 4px 0 0 var(--bc-color-negative);
        }
        .bc-v2-match-item.is-redcard { box-shadow: inset 3px 0 0 var(--bc-color-negative); }
        .bc-v2-match-item.is-soon.is-redcard { box-shadow: inset 3px 0 0 var(--bc-color-brand-strong), inset 7px 0 0 var(--bc-color-negative); }
        .bc-v2-match-item.is-spot.is-redcard { box-shadow: inset 4px 0 0 var(--bc-color-warning-bright), inset 8px 0 0 var(--bc-color-negative); }
        .bc-v2-match-item.is-goal.is-soon,
        .bc-v2-match-item.is-goal.is-spot,
        .bc-v2-match-item.is-goal.is-redcard { box-shadow: inset 4px 0 0 var(--bc-color-negative); }

        .bc-v2-match-item.is-selected {
            border-color: rgba(111, 200, 255, 0.7);
            background:
                    radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 40%),
                    var(--bc-color-surface-hover);
            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(111, 200, 255, 0.32);
        }

        .bc-v2-match-main {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 64px;
            gap: 8px;
            align-items: center;
        }
        @media (min-width: 768px) {
            .bc-v2-match-main {
                grid-template-columns: minmax(0, 0.95fr) minmax(148px, 1.05fr);
                gap: 10px;
            }
        }

        .bc-v2-match-text {
            min-width: 0;
        }

        .bc-v2-match-score {
            color: #f8fbff;
            font-size: 18px;
            font-weight: 800;
            line-height: 1;
            white-space: nowrap;
            margin-top: 12px;
        }

        .bc-v2-match-live {
            color: #9fdcb3;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .bc-v2-match-scoreline {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .bc-v2-match-item .jl-radar-pulse {
            margin-top: 0;
            font-size: 10px;
            padding: 3px 8px;
            min-width: 58px;
        }

        .bc-v2-match-item .jl-radar-ticks {
            margin-top: 8px;
        }

        .bc-v2-match-selected-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            width: fit-content;
            margin-top: 8px;
            padding: 4px 10px;
            border-radius: 999px;
            border: 1px solid rgba(111, 200, 255, 0.24);
            background: rgba(14, 165, 233, 0.12);
            color: #c7f1ff;
            font-size: 10px;
            font-weight: 850;
            letter-spacing: 0.08em;
            line-height: 1;
            text-transform: uppercase;
            box-shadow: inset 0 0 0 1px var(--bc-color-surface-subtle);
        }

        .bc-v2-match-selected-tag::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 999px;
            background: var(--bc-color-accent-bright);
            box-shadow: 0 0 12px rgba(56, 189, 248, 0.72);
        }

        .bc-v2-match-teams {
            min-width: 0;
        }

        .bc-v2-match-teams strong,
        .bc-v2-match-teams span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .bc-v2-match-teams strong {
            color: #f8fbff;
            font-size: 14px;
            font-weight: 800;
            line-height: 1.35;
            white-space: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .bc-v2-match-teams span {
            margin-top: 4px;
            color: var(--bc-color-text-dim);
            font-size: 12px;
            line-height: 1.35;
            white-space: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .bc-v2-match-mini-chart {
            position: relative;
            width: 64px;
            max-width: 64px;
            height: 42px;
            min-height: 42px;
            border-radius: 12px;
            background: transparent;
            border: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }
        @media (min-width: 768px) {
            .bc-v2-match-mini-chart {
                width: 100%;
                max-width: none;
                height: 80px;
                min-height: 80px;
                padding: 6px;
                background: rgba(255, 255, 255, 0.025);
                border: 1px solid var(--bc-color-fill-soft);
            }
        }

        .bc-v2-mini-chart-label {
            display: none;
        }

        .bc-v2-match-mini-chart svg {
            display: block;
            width: 100%;
            height: 100%;
            overflow: visible;
        }

        .bc-v2-match-mini-chart .baseline {
            stroke: rgba(255, 255, 255, 0.28);
            stroke-width: 1.25;
            stroke-dasharray: 4 4;
        }

        .bc-v2-match-mini-chart .home-line {
            fill: none;
            stroke: rgba(24, 124, 255, 1);
            stroke-width: 2.2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .bc-v2-match-mini-chart .away-line {
            fill: none;
            stroke: rgba(255, 87, 185, 1);
            stroke-width: 2.2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .bc-v2-match-mini-chart .home-line.is-live-tail,
        .bc-v2-match-mini-chart .away-line.is-live-tail {
            stroke-width: 1.8;
            stroke-dasharray: 4 3;
            opacity: 0.55;
        }

        .bc-v2-match-mini-chart .latest-point {
            stroke: var(--bc-color-white);
            stroke-width: 1;
        }

        .bc-v2-match-mini-chart .latest-point.is-home {
            fill: rgba(24, 124, 255, 1);
        }

        .bc-v2-match-mini-chart .latest-point.is-away {
            fill: rgba(255, 87, 185, 1);
        }

        .bc-v2-pressure-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            width: 100%;
        }

        @media (max-width: 1599px) {
            .bc-v2-pressure-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media (max-width: 1199px) {
            .bc-v2-pressure-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 899px) {
            .bc-v2-pressure-grid,
            .bc-v2-pressure-grid.is-compact-density {
                grid-template-columns: minmax(0, 1fr);
            }
        }

        .bc-v2-grid-sort-hint {
            margin: 0 0 10px;
            color: var(--bc-color-grey-500);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            cursor: help;
        }

        .bc-v2-grid-sort-hint .bc-v2-grid-scale-note,
        .bc-v2-grid-sort-hint span {
            color: #475569;
            font-weight: 600;
            text-transform: none;
            letter-spacing: 0;
        }

        .bc-v2-pressure-card {
            background: #111827;
            border: 1px solid var(--bc-color-surface-hover);
            border-radius: 16px;
            padding: 12px 12px 10px;
            cursor: pointer;
            transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
            position: relative;
            min-width: 0;
            overflow: hidden;
        }

        .bc-v2-pressure-card:hover {
            border-color: rgba(111, 200, 255, 0.24);
            transform: translateY(-1px);
        }

        .bc-v2-pressure-card.is-selected {
            border-color: rgba(34, 197, 94, 0.55);
            border-style: solid;
            background:
                radial-gradient(circle at top right, rgba(34, 197, 94, 0.1), transparent 42%),
                #111827;
            box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.22), 0 12px 28px rgba(0, 0, 0, 0.32);
        }

        .bc-v2-pressure-card.is-low-sample {
            border-style: dashed;
            opacity: 0.82;
        }

        .bc-v2-pressure-card.is-low-sample .bc-v2-pg-rank-chip.is-top {
            color: var(--bc-color-grey-500);
        }

        .bc-v2-pressure-card.is-low-sample.is-selected {
            opacity: 1;
        }

        .bc-v2-pressure-card.jl-radar-card {
            background: #0c1728;
            padding: 12px;
        }
        .bc-v2-pressure-card.jl-radar-card.is-soon { box-shadow: inset 3px 0 0 var(--bc-color-brand-strong); }
        .bc-v2-pressure-card.jl-radar-card.is-spot {
            background: rgba(234,179,8,.1);
            box-shadow: inset 4px 0 0 var(--bc-color-warning-bright);
        }
        .bc-v2-pressure-card.jl-radar-card.is-bet {
            background: rgba(250,204,21,.16);
            box-shadow: inset 5px 0 0 var(--bc-color-warning-soft);
        }
        .bc-v2-pressure-card.jl-radar-card.is-goal {
            background: rgba(220,38,38,.2);
            box-shadow: inset 4px 0 0 var(--bc-color-negative);
        }
        .bc-v2-pressure-card.jl-radar-card.is-redcard { box-shadow: inset 3px 0 0 var(--bc-color-negative); }
        .bc-v2-pressure-card.jl-radar-card.is-soon.is-redcard { box-shadow: inset 3px 0 0 var(--bc-color-brand-strong), inset 7px 0 0 var(--bc-color-negative); }
        .bc-v2-pressure-card.jl-radar-card.is-spot.is-redcard { box-shadow: inset 4px 0 0 var(--bc-color-warning-bright), inset 8px 0 0 var(--bc-color-negative); }
        .bc-v2-pressure-card.jl-radar-card.is-idle {
            opacity: 0.42;
        }
        .bc-v2-pressure-card.jl-radar-card.is-idle:hover {
            opacity: 0.75;
        }
        .bc-v2-pressure-card.jl-radar-card.is-idle.is-selected {
            opacity: 1;
        }
        .bc-v2-pressure-card.jl-radar-card.is-selected {
            border-color: rgba(34, 197, 94, 0.55);
        }
        .jl-radar-top {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto auto;
            gap: 10px;
            align-items: start;
        }
        .jl-radar-score { font-weight: 800; font-variant-numeric: tabular-nums; text-align: right; }
        .jl-radar-score b { display: block; color: var(--bc-color-positive-light); font-size: 1.2rem; line-height: 1.25; }
        .jl-radar-score b.is-scorer { color: var(--bc-color-white); }
        .jl-radar-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
        .jl-radar-min { color: #cbd5e1; font-weight: 700; font-variant-numeric: tabular-nums; }
        .jl-radar-team { display: flex; align-items: center; gap: 6px; line-height: 1.35; }
        .jl-radar-team span { overflow-wrap: anywhere; }
        .jl-radar-league { margin-top: 3px; color: var(--bc-color-grey-500); font-size: 11px; }
        .jl-radar-card-chip {
            min-width: 16px; padding: 0 4px; border-radius: 4px;
            font-size: 10px; font-weight: 700; text-align: center;
        }
        .jl-radar-card-chip.y { background: var(--bc-color-warning-bright); color: #111; }
        .jl-radar-card-chip.r { background: var(--bc-color-negative); color: var(--bc-color-white); }
        .jl-radar-banner {
            display: inline-flex; align-items: center; gap: 5px;
            margin-top: 6px; padding: 2px 8px; border-radius: 999px;
            font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
        }
        .jl-radar-banner.is-goal { background: var(--bc-color-negative-deep); color: var(--bc-color-white); }
        .jl-radar-banner.is-spot { background: var(--bc-color-warning-bright); color: #111; }
        .jl-radar-banner.is-bet { background: var(--bc-color-warning-soft); color: #111; }
        .jl-radar-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
        .jl-radar-badge {
            display: inline-block; padding: 1px 7px; border-radius: 999px;
            font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
            border: 1px solid rgba(148,163,184,.35); color: #cbd5e1;
        }
        .jl-radar-badge.is-chase { border-color: rgba(249,115,22,.45); color: #fdba74; }
        .jl-radar-badge.is-drought { color: var(--bc-color-text-dim); }
        .jl-radar-badge.is-last-goal { border-color: rgba(251,191,36,.45); color: #fbbf24; }
        .jl-radar-badge.is-goal-now { border-color: rgba(134,239,172,.5); color: var(--bc-color-positive-light); }
        .jl-radar-badge.is-reset { border-color: rgba(56,189,248,.45); color: var(--bc-color-accent-soft); }
        .jl-radar-badge.is-waste { border-color: rgba(250,204,21,.5); color: var(--bc-color-warning-text); }
        .jl-radar-badge.is-traffic { border-color: rgba(249,115,22,.55); color: #fdba74; }
        .jl-radar-badge.is-storm { border-color: rgba(244,63,94,.6); color: #fb7185; background: rgba(244,63,94,.12); }
        .jl-radar-badge.is-crash { color: var(--bc-color-text-dim); }
        .jl-radar-badge.is-value { border-color: rgba(74,222,128,.5); color: var(--bc-color-positive-light); }
        .jl-radar-badge.is-clinical { border-color: rgba(56,189,248,.55); color: var(--bc-color-accent-soft); }
        .jl-radar-badge.is-wild { color: var(--bc-color-grey-500); }
        .jl-radar-badge.is-man { border-color: rgba(239,68,68,.55); color: var(--bc-color-negative-text); }
        .jl-radar-badge.is-ck { border-color: rgba(249,115,22,.55); color: #fdba74; }
        .jl-radar-badge.is-surge { border-color: rgba(167,139,250,.55); color: #c4b5fd; }
        .jl-radar-ticks { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
        .jl-radar-tick {
            display: inline-flex; align-items: center; gap: 3px;
            padding: 1px 6px; border-radius: 999px; font-size: 10px; font-weight: 800;
            letter-spacing: .04em;
        }
        .jl-radar-tick.is-fade { opacity: .45; }
        .jl-radar-tick.sot { background: rgba(14,165,233,.22); color: var(--bc-color-accent-soft); }
        .jl-radar-tick.crn { background: rgba(249,115,22,.22); color: #fdba74; }
        .jl-radar-tick.da { background: rgba(234,179,8,.2); color: var(--bc-color-warning-text); }
        .jl-radar-tick.yel { background: rgba(234,179,8,.35); color: #111; }
        .jl-radar-tick.red { background: rgba(239,68,68,.28); color: var(--bc-color-negative-text); }
        .jl-radar-tick.goal { background: rgba(220,38,38,.9); color: var(--bc-color-white); }
        .jl-radar-tick.is-storm { box-shadow: 0 0 0 1px rgba(251,113,133,.7); }
        .jl-radar-pulse {
            display: inline-flex; align-items: center; justify-content: center;
            min-width: 0; padding: 4px 8px; border-radius: 999px;
            font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
            border: 1px solid rgba(148,163,184,.2); color: var(--bc-color-text-dim); background: rgba(148,163,184,.08);
        }
        .jl-radar-pulse.is-rising { color: #111; background: var(--bc-color-warning-bright); border-color: var(--bc-color-warning-bright); }
        .jl-radar-pulse.is-hot { color: var(--bc-color-white); background: var(--bc-color-negative-deep); border-color: var(--bc-color-negative-deep); }
        .jl-radar-pulse.is-soon { color: #052e16; background: var(--bc-color-positive-bright); border-color: var(--bc-color-positive-bright); }
        .jl-radar-pulse.is-goal { color: var(--bc-color-white); background: var(--bc-color-negative-deep); border-color: var(--bc-color-negative-bright); }
        .jl-radar-pulse.is-spot { color: #111; background: var(--bc-color-warning-bright); border-color: var(--bc-color-warning-soft); }
        .jl-radar-pulse.is-bet { color: #111; background: var(--bc-color-warning-soft); border-color: var(--bc-color-warning-text); }
        .jl-radar-stats {
            display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
            margin-top: 12px; padding-top: 10px;
            border-top: 1px solid rgba(255,255,255,.06);
        }
        .jl-radar-stat-label {
            display: block; color: var(--bc-color-grey-500); font-size: 10px; font-weight: 800;
            letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px;
        }
        .jl-radar-stack { display: flex; flex-direction: column; gap: 2px; font-variant-numeric: tabular-nums; align-items: flex-start; }
        .jl-radar-stack .bg-warning { background: var(--bc-color-warning-bright); color: #111; border-radius: 4px; padding: 0 5px; font-weight: 700; }
        .jl-radar-stack .bg-danger { background: var(--bc-color-negative-deep); color: var(--bc-color-white); border-radius: 4px; padding: 0 5px; font-weight: 700; }
        .jl-radar-pt {
            display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 8px;
            align-items: center; min-width: 0; margin-top: 12px;
        }
        .jl-radar-bar-track { height: 7px; border-radius: 999px; background: #1e293b; overflow: hidden; min-width: 0; }
        .jl-radar-bar-fill { height: 100%; border-radius: 999px; background: #475569; }
        .jl-radar-bar-fill.bg-warning { background: var(--bc-color-warning-bright); }
        .jl-radar-bar-fill.bg-danger { background: var(--bc-color-negative-deep); }
        .jl-radar-pt-n { font-variant-numeric: tabular-nums; font-size: 12px; font-weight: 700; color: var(--bc-color-text-dim); min-width: 36px; text-align: right; }
        .jl-radar-pt-n.bg-warning, .jl-radar-pt-n.bg-danger { border-radius: 4px; padding: 0 4px; }
        .jl-radar-hot { background: rgba(14,165,233,.28); color: #e0f2fe; border-radius: 4px; padding: 0 5px; }
        .jl-radar-sot { background: rgba(14,165,233,.4); color: #e0f2fe; border-radius: 4px; padding: 0 5px; font-weight: 700; }
        .jl-radar-unconfirmed { color: var(--bc-color-text-dim); border-bottom: 1px dashed var(--bc-color-grey-500); padding: 0 4px; }
        .jl-in-focus { display: none; color: var(--bc-color-positive-soft); font-size: 10px; font-weight: 800; text-transform: uppercase; }
        .bc-v2-pressure-card.is-selected .jl-in-focus { display: inline; }
        .bc-v2-pressure-card.is-compact .bc-v2-pg-graph { display: none; }

        .bc-v2-pg-in-focus-badge {
            display: none;
        }

        .bc-v2-pg-signal-tag.is-in-focus {
            color: var(--bc-color-positive-soft);
            background: rgba(34, 197, 94, 0.12);
            border: 1px solid rgba(34, 197, 94, 0.28);
        }

        .bc-v2-pg-rank-chip {
            display: inline-flex;
            align-items: center;
            padding: 0;
            border: 0;
            background: transparent;
            color: var(--bc-color-grey-500);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.02em;
            cursor: help;
            font-family: inherit;
            line-height: 1;
        }

        .bc-v2-pg-rank-chip.is-top {
            color: var(--bc-color-text-dim);
        }

        .bc-v2-pg-rank-chip.is-muted {
            opacity: 0.55;
            border-style: dashed;
        }

        .bc-v2-pg-rank-score {
            margin-left: 3px;
            padding: 1px 4px;
            border-radius: 4px;
            background: rgba(148, 163, 184, 0.12);
            color: var(--bc-color-text-dim);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0;
        }

        .bc-v2-pg-head-start {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
            flex: 1;
        }

        .bc-v2-pg-head-start .bc-v2-pg-league {
            min-width: 0;
        }

        .bc-v2-pg-rank-chip:focus-visible {
            outline: 2px solid rgba(56, 189, 248, 0.55);
            outline-offset: 2px;
            border-radius: 4px;
        }

        .bc-v2-pg-focus-btn {
            padding: 4px 8px;
            border-radius: 999px;
            border: 1px solid rgba(56, 189, 248, 0.28);
            background: rgba(14, 165, 233, 0.12);
            color: #9fdcff;
            font-size: 10px;
            font-weight: 800;
            cursor: pointer;
        }

        .bc-v2-pg-focus-btn:hover {
            background: rgba(14, 165, 233, 0.22);
            color: #e0f2fe;
        }

        .bc-v2-pg-signal-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            margin: 0 0 8px;
        }

        .bc-v2-pg-signal-sep {
            color: #475569;
            font-size: 10px;
            font-weight: 700;
        }

        .bc-v2-pg-signal-tag {
            display: inline-flex;
            align-items: center;
            padding: 3px 8px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .bc-v2-pg-signal-tag.is-signal {
            color: #c7f1ff;
            background: rgba(14, 165, 233, 0.12);
            border: 1px solid rgba(56, 189, 248, 0.2);
        }

        .bc-v2-pg-signal-tag.is-low-sample {
            color: var(--bc-color-text-dim);
            background: rgba(148, 163, 184, 0.1);
            border: 1px dashed rgba(148, 163, 184, 0.28);
        }

        .bc-v2-smart-rank.is-muted {
            opacity: 0.55;
            border-style: dashed;
        }

        .bc-v2-pg-head-end {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            flex-shrink: 0;
        }

        .bc-v2-pg-focus-btn.is-card-selected {
            border-color: rgba(34, 197, 94, 0.35);
            background: rgba(34, 197, 94, 0.1);
            color: var(--bc-color-positive-soft);
        }

        .bc-v2-pg-scoreline {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
            align-items: center;
            gap: 6px;
            margin: 0 0 6px;
        }

        .bc-v2-pg-team-name {
            font-size: 12px;
            font-weight: 800;
            line-height: 1.25;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .bc-v2-pg-team-name.home {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-pg-team-name.away {
            color: rgba(255, 87, 185, 1);
            text-align: right;
        }

        .bc-v2-pg-score-center {
            color: var(--bc-color-text-strong);
            font-size: 15px;
            font-weight: 900;
            line-height: 1;
            white-space: nowrap;
            letter-spacing: 0.04em;
            text-align: center;
            min-width: 36px;
            padding: 0 4px;
        }

        .bc-v2-pg-meta-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            margin: 0 0 8px;
        }

        .bc-v2-pg-minute {
            color: var(--bc-color-brand-strong);
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
        }

        .bc-v2-pg-stats-primary {
            display: grid;
            gap: 4px;
            margin: 8px 0 4px;
        }

        .bc-v2-pg-stat-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            min-width: 0;
            padding: 0 1px;
        }

        .bc-v2-pg-stat-row .label {
            color: var(--bc-color-grey-500);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            flex-shrink: 0;
        }

        .bc-v2-pg-stat-row .vals {
            color: #e2e8f0;
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
            text-align: right;
        }

        .bc-v2-pg-stat-row .vals .home-val {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-pg-stat-row .vals .away-val {
            color: rgba(255, 87, 185, 1);
        }

        .bc-v2-pg-stat-row .vals .sep {
            color: var(--bc-color-grey-500);
            font-weight: 600;
            padding: 0 2px;
        }

        .bc-v2-pg-stats-footer {
            margin: 0 0 8px;
            color: #475569;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.4;
            opacity: 0.85;
        }

        .bc-v2-pg-stat-row .vals .is-unavail,
        .bc-v2-pg-stats-footer .is-unavail {
            color: var(--bc-color-grey-500);
        }

        .bc-v2-pg-stat-row .vals .is-zero,
        .bc-v2-pg-stats-footer .is-zero {
            color: var(--bc-color-text-dim);
        }

        .bc-v2-pg-stat-row .vals .is-pending {
            color: var(--bc-color-grey-500);
            font-style: italic;
        }

        .bc-v2-smart-rank {
            cursor: help;
            font: inherit;
            line-height: 1;
        }

        .bc-v2-smart-rank:focus-visible {
            outline: 2px solid rgba(56, 189, 248, 0.55);
            outline-offset: 2px;
        }

        .bc-v2-smart-rank-popover {
            position: fixed;
            z-index: 12000;
            min-width: 200px;
            max-width: 260px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            background: rgba(15, 23, 42, 0.98);
            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
            color: #cbd5e1;
            font-size: 11px;
            line-height: 1.45;
        }

        .bc-v2-smart-rank-popover strong {
            display: block;
            color: var(--bc-color-text-strong);
            font-size: 12px;
            margin-bottom: 6px;
        }

        .bc-v2-smart-rank-popover ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .bc-v2-smart-rank-popover li {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            padding: 3px 0;
        }

        .bc-v2-smart-rank-popover li small {
            color: var(--bc-color-grey-500);
            font-weight: 600;
        }

        .bc-v2-smart-rank-popover-sub,
        .bc-v2-smart-rank-popover-note {
            margin-top: 4px;
            color: var(--bc-color-grey-500);
            font-size: 10px;
            line-height: 1.4;
        }

        .bc-v2-smart-rank-popover-note {
            margin-top: 8px;
            color: var(--bc-color-text-dim);
        }

        .bc-v2-grid-density {
            display: none;
            align-items: center;
            gap: 4px;
            padding: 3px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: var(--bc-color-surface-subtle);
        }

        .bc-v2-view-grid .bc-v2-grid-density {
            display: inline-flex;
        }

        .bc-v2-grid-density-btn {
            padding: 5px 10px;
            border-radius: 999px;
            border: 0;
            background: transparent;
            color: var(--bc-color-text-dim);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            cursor: pointer;
        }

        .bc-v2-grid-density-btn.is-active {
            color: #04111f;
            background: linear-gradient(135deg, #34d399 0%, var(--bc-color-brand-strong) 100%);
        }

        .bc-v2-pressure-card.is-compact .bc-v2-pg-stats-footer,
        .bc-v2-pressure-card.is-compact .bc-v2-pg-metrics-compact {
            display: none;
        }

        .bc-v2-pressure-card.is-compact .bc-v2-pg-graph {
            margin-bottom: 4px;
        }

        .bc-v2-pressure-card.is-compact .bc-v2-pg-stats-primary {
            margin-top: 4px;
        }

        .bc-v2-pressure-card.is-compact .bc-v2-pg-stat-row:last-child {
            display: none;
        }

        .bc-v2-view-grid .bc-v2-context {
            padding: 10px;
            gap: 8px;
        }

        .bc-v2-view-grid .bc-v2-context-lead {
            margin-top: 0;
        }

        .bc-v2-view-grid .bc-v2-context-summary {
            font-size: 12px;
            line-height: 1.45;
        }

        .bc-v2-view-grid .bc-v2-interpretation-grid,
        .bc-v2-interpretation-grid--grid {
            font-size: 11px;
        }

        .bc-v2-context-pill.is-low-confidence {
            color: var(--bc-color-text-dim);
            border-color: rgba(148, 163, 184, 0.22);
        }

        .bc-v2-context-pill.is-signal-state {
            color: #c7f1ff;
            border-color: rgba(56, 189, 248, 0.2);
        }

        .bc-v2-view-grid .bc-v2-context-action {
            margin-top: 6px;
            padding: 8px 10px;
            font-size: 11px;
        }

        .bc-v2-pg-bar-row .bar-label {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: var(--bc-color-grey-500);
        }

        .bc-v2-pg-bar-row.home .bar-label {
            color: rgba(24, 124, 255, 0.85);
        }

        .bc-v2-pg-bar-row.away .bar-label {
            color: rgba(255, 87, 185, 0.85);
        }

        .bc-v2-pg-goal-bubble.is-red {
            background: rgba(239, 68, 68, 0.92);
            font-size: 11px;
        }

        .bc-v2-pg-metrics-compact {
            display: grid;
            gap: 4px;
            margin-top: 6px;
            padding-top: 8px;
            border-top: 1px solid rgba(148, 163, 184, 0.1);
        }

        .bc-v2-pg-metrics-compact .bc-v2-pg-peak-badge {
            margin-top: 2px;
        }

        .bc-v2-pressure-grid.is-compact-density {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        @media (max-width: 1599px) {
            .bc-v2-pressure-grid.is-compact-density {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        @media (max-width: 1199px) {
            .bc-v2-pressure-grid.is-compact-density {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media (max-width: 899px) {
            .bc-v2-pressure-grid.is-compact-density {
                grid-template-columns: minmax(0, 1fr);
            }
        }

        .bc-v2-pg-metric-line {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            font-size: 10px;
        }

        .bc-v2-pg-metric-line .label {
            color: var(--bc-color-grey-500);
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .bc-v2-pg-metric-line .vals {
            color: #cbd5e1;
            font-weight: 700;
        }

        .bc-v2-pg-peak-badge {
            justify-self: start;
            padding: 2px 7px;
            border-radius: 999px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid rgba(148, 163, 184, 0.12);
            color: var(--bc-color-text-dim);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }

        .bc-v2-pg-graph-shell {
            position: relative;
        }

        .bc-v2-pg-graph-scale {
            position: absolute;
            top: 2px;
            right: 4px;
            z-index: 2;
            color: #475569;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            pointer-events: none;
        }

        .bc-v2-pressure-grid .bc-v2-pg-graph-scale {
            display: block;
            font-size: 11px;
            color: var(--bc-color-grey-700);
            opacity: 0.9;
        }

        .bc-v2-pg-graph .home-line.is-live-tail,
        .bc-v2-pg-graph .away-line.is-live-tail {
            stroke-dasharray: 4 3;
            opacity: 0.55;
        }

        .bc-v2-pg-graph-dot {
            stroke: var(--bc-color-white);
            stroke-width: 1;
        }

        .bc-v2-pg-graph-dot.is-home {
            fill: rgba(24, 124, 255, 1);
        }

        .bc-v2-pg-graph-dot.is-away {
            fill: rgba(255, 87, 185, 1);
        }

        .bc-v2-context-action {
            margin-top: 10px;
            padding: 10px 12px;
            border-radius: 12px;
            border: 1px solid rgba(148, 163, 184, 0.12);
            background: var(--bc-color-surface-subtle);
            color: #9db1c9;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.45;
        }

        .bc-v2-context-action strong {
            color: #cbd5e1;
            font-weight: 800;
        }

        .bc-v2-pg-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 8px;
            min-height: 24px;
        }

        .bc-v2-pg-league {
            color: var(--bc-color-text-dim);
            font-size: 10px;
            font-weight: 600;
            line-height: 1.35;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            flex: 1 1 auto;
            min-width: 0;
        }

        .bc-v2-pg-controls {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            flex-shrink: 0;
        }

        .bc-v2-pg-controls .match-favorite-btn {
            position: static;
            top: auto;
            right: auto;
            z-index: auto;
            width: 24px;
            height: 24px;
            padding: 0;
            font-size: 11px;
            flex-shrink: 0;
        }

        .bc-v2-pg-live {
            color: var(--bc-color-brand-strong);
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
        }

        .bc-v2-pg-bars {
            display: grid;
            gap: 5px;
            margin-bottom: 8px;
        }

        .bc-v2-pg-bar-row {
            display: grid;
            grid-template-columns: 52px 34px minmax(0, 1fr);
            align-items: center;
            gap: 6px;
        }

        .bc-v2-pg-bar-row span {
            font-size: 10px;
            font-weight: 800;
        }

        .bc-v2-pg-bar-row.home span {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-pg-bar-row.away span {
            color: rgba(255, 87, 185, 1);
        }

        .bc-v2-pg-bar-row .track {
            height: 5px;
            border-radius: 999px;
            background: var(--bc-color-line);
            overflow: hidden;
        }

        .bc-v2-pg-bar-row.home .fill {
            height: 100%;
            border-radius: inherit;
            background: rgba(24, 124, 255, 1);
        }

        .bc-v2-pg-bar-row.away .fill {
            height: 100%;
            border-radius: inherit;
            background: rgba(255, 87, 185, 1);
        }

        .bc-v2-pg-graph {
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.025);
            border: 1px solid var(--bc-color-fill-soft);
            padding: 4px 6px 2px;
            margin-bottom: 8px;
        }

        .bc-v2-pg-graph-shell {
            position: relative;
        }

        .bc-v2-pg-goals {
            position: absolute;
            left: 6px;
            right: 6px;
            top: 4px;
            bottom: 2px;
            pointer-events: none;
        }

        .bc-v2-pg-goal-bubble {
            position: absolute;
            transform: translate(-50%, -50%);
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            line-height: 1;
            border: 1px solid rgba(255, 255, 255, 0.9);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
        }

        .bc-v2-pg-goal-bubble.home {
            background: rgb(24, 124, 255);
        }

        .bc-v2-pg-goal-bubble.away {
            background: rgba(255, 87, 185, 1);
        }

        .bc-v2-pg-stats {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 6px;
            margin-bottom: 8px;
            padding: 8px;
            border-radius: 10px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid var(--bc-color-fill-soft);
        }

        .bc-v2-pg-stat {
            min-width: 0;
            text-align: center;
        }

        .bc-v2-pg-stat span {
            display: block;
            color: var(--bc-color-grey-500);
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            margin-bottom: 2px;
        }

        .bc-v2-pg-stat strong {
            display: block;
            color: #e2e8f0;
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
        }

        .bc-v2-pg-stat strong .home-val {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-pg-stat strong .away-val {
            color: rgba(255, 87, 185, 1);
        }

        .bc-v2-pg-stat strong .sep {
            color: var(--bc-color-grey-500);
            font-weight: 600;
            padding: 0 1px;
        }

        .bc-v2-pg-graph svg {
            display: block;
            width: 100%;
            height: auto;
        }

        .bc-v2-pg-graph .grid-line {
            stroke: var(--bc-color-line);
            stroke-width: 1;
        }

        .bc-v2-pg-graph .axis-label {
            fill: rgba(148, 163, 184, 0.85);
            font-size: 11px;
            font-weight: 600;
        }

        .bc-v2-pg-graph .home-line {
            fill: none;
            stroke: rgba(24, 124, 255, 1);
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .bc-v2-pg-graph .away-line {
            fill: none;
            stroke: rgba(255, 87, 185, 1);
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .bc-v2-pg-graph-empty {
            color: var(--bc-color-grey-500);
            font-size: 11px;
            text-align: center;
            padding: 28px 8px;
        }

        .bc-v2-pg-foot {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding-top: 4px;
            border-top: 1px solid var(--bc-color-surface-hover);
        }

        .bc-v2-pg-foot.bc-v2-pg-foot-metrics-only {
            justify-content: flex-end;
        }

        /* Grid cards are ~320px wide — keep Match/Recent badges inside the card at all breakpoints */
        .bc-v2-pressure-card .bc-v2-pg-foot.bc-v2-pg-foot-metrics-only {
            justify-content: stretch;
        }

        .bc-v2-pressure-card .bc-v2-pg-foot .bc-v2-pressure-badge-group {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 6px;
            width: 100%;
            margin-left: 0;
            flex-wrap: nowrap;
        }

        .bc-v2-pressure-card .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            min-width: 0;
            max-width: none;
            width: 100%;
            border-radius: 12px;
            padding: 6px 7px;
            gap: 4px;
            box-sizing: border-box;
        }

        .bc-v2-pressure-card .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-label {
            font-size: 11px;
            text-align: center;
            letter-spacing: 0.06em;
        }

        .bc-v2-pressure-card .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-split {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 3px;
            width: 100%;
        }

        .bc-v2-pressure-card .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side {
            min-width: 0;
            padding: 3px 2px;
            gap: 1px;
        }

        .bc-v2-pressure-card .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side-label {
            font-size: 11px;
        }

        .bc-v2-pressure-card .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side-value {
            font-size: 11px;
        }

        .bc-v2-pg-tabs {
            display: flex;
            gap: 8px;
            color: var(--bc-color-grey-500);
            font-size: 10px;
            font-weight: 700;
        }

        .bc-v2-pg-metrics {
            display: inline-flex;
            gap: 8px;
            flex-shrink: 0;
        }

        .bc-v2-pressure-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 12px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.24);
            background: rgba(15, 23, 42, 0.88);
            min-width: 92px;
            justify-content: center;
            box-sizing: border-box;
        }

        .bc-v2-pressure-badge-label {
            font-size: 10px;
            font-weight: 800;
            color: var(--bc-color-text-dim);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            flex-shrink: 0;
        }

        .bc-v2-pressure-badge-value {
            font-size: 13px;
            font-weight: 800;
            color: var(--bc-color-text-strong);
            line-height: 1;
        }

        .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge,
        .bc-v2-pressure-badge-group .bc-v2-pressure-badge {
            min-width: 0;
            justify-content: flex-start;
            border-radius: 14px;
            gap: 10px;
            padding: 8px 12px;
        }

        .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-label,
        .bc-v2-pressure-badge-group .bc-v2-pressure-badge-label {
            font-size: 11px;
            color: #cbd5e1;
        }

        .bc-v2-pressure-badge-split {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
        }

        .bc-v2-pressure-badge-side {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            gap: 2px;
            padding: 4px 7px;
            border-radius: 8px;
            background: var(--bc-color-surface-hover);
            min-width: 36px;
        }

        .bc-v2-pressure-badge-side-label {
            font-size: 10px;
            font-weight: 800;
            color: var(--bc-color-text-dim);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1;
        }

        .bc-v2-pressure-badge-side-value {
            font-size: 13px;
            font-weight: 800;
            color: var(--bc-color-text-strong);
            line-height: 1.1;
        }

        .bc-v2-pressure-badge-side.is-home .bc-v2-pressure-badge-side-value {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-pressure-badge-side.is-away .bc-v2-pressure-badge-side-value {
            color: rgba(255, 87, 185, 1);
        }

        .bc-v2-pressure-badge-side.is-total .bc-v2-pressure-badge-side-value {
            color: #f1f5f9;
        }

        .bc-v2-pressure-badge.is-hot,
        .bc-v2-pressure-badge.is-active {
            border-color: rgba(251, 191, 36, 0.38);
            background: #111c2e;
            box-shadow: inset 3px 0 0 var(--bc-color-warning);
        }

        .bc-v2-pressure-badge.is-hot .bc-v2-pressure-badge-label,
        .bc-v2-pressure-badge.is-active .bc-v2-pressure-badge-label {
            color: #e2e8f0;
        }

        .bc-v2-pressure-badge.is-hot .bc-v2-pressure-badge-side,
        .bc-v2-pressure-badge.is-active .bc-v2-pressure-badge-side {
            background: var(--bc-color-surface-subtle);
        }

        .bc-v2-pressure-badge.is-hot .bc-v2-pressure-badge-side-label,
        .bc-v2-pressure-badge.is-active .bc-v2-pressure-badge-side-label,
        .bc-v2-pressure-badge.is-hot .bc-v2-pressure-col-label,
        .bc-v2-pressure-badge.is-active .bc-v2-pressure-col-label {
            color: var(--bc-color-text-dim);
        }

        .bc-v2-pressure-badge.is-hot .bc-v2-pressure-badge-col,
        .bc-v2-pressure-badge.is-active .bc-v2-pressure-badge-col {
            background: rgba(245, 158, 11, 0.08);
            border-color: rgba(245, 158, 11, 0.14);
        }

        .bc-v2-pressure-badge--readable {
            flex-direction: column;
            align-items: stretch;
            min-width: 0;
            width: 100%;
            padding: 10px 12px;
            gap: 8px;
            border-radius: 12px;
            background: #111c2e;
            border: 1px solid rgba(148, 163, 184, 0.16);
        }

        .bc-v2-pressure-badge--readable .bc-v2-pressure-badge-label {
            display: block;
            color: #e2e8f0;
            font-size: 12px;
            font-weight: 700;
            text-transform: none;
            letter-spacing: 0.01em;
            line-height: 1.3;
        }

        .bc-v2-pressure-badge-columns {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px;
        }

        .bc-v2-pressure-badge-col {
            display: grid;
            gap: 4px;
            padding: 8px;
            border-radius: 10px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid var(--bc-color-fill-soft);
        }

        .bc-v2-pressure-col-label {
            color: var(--bc-color-text-dim);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            line-height: 1;
        }

        .bc-v2-pressure-col-value {
            color: var(--bc-color-text-strong);
            font-size: 20px;
            font-weight: 800;
            line-height: 1;
        }

        .bc-v2-pressure-badge-col.is-home .bc-v2-pressure-col-value {
            color: rgba(24, 124, 255, 1);
        }

        .bc-v2-pressure-badge-col.is-away .bc-v2-pressure-col-value {
            color: rgba(255, 87, 185, 1);
        }

        .bc-v2-pressure-badge-col.is-total .bc-v2-pressure-col-value {
            color: var(--bc-color-text-strong);
        }

        .bc-v2-focus-pressure-metrics {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            width: 100%;
        }

        .bc-v2-graph-story .bc-v2-focus-pressure-metrics {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge--readable {
            width: 100%;
        }

        .bc-v2-pressure-signal-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            margin: 0 0 12px;
            padding: 10px 12px;
            border-radius: 14px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(2, 6, 23, 0.52);
        }

        .bc-v2-pressure-signal-copy {
            display: none;
        }

        .bc-v2-pressure-signal-copy strong {
            color: #e2e8f0;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.02em;
        }

        .bc-v2-pressure-signal-copy span {
            color: var(--bc-color-grey-500);
            font-size: 10px;
            font-weight: 600;
        }

        .bc-v2-focus-pressure-metrics,
        .bc-v2-pressure-badge-group {
            display: flex;
            align-items: stretch;
            flex-wrap: wrap;
            gap: 8px;
            margin-left: 0;
        }

        .bc-v2-pg-foot .bc-v2-pressure-badge-group {
            margin-left: 0;
        }

        .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side,
        .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side {
            min-width: 36px;
            padding: 4px 7px;
            gap: 2px;
        }

        .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side-label,
        .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side-label {
            font-size: 10px;
        }

        .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side-value,
        .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side-value {
            font-size: 13px;
        }

        .bc-v2-pg-metrics span {
            color: var(--bc-color-text-dim);
            font-size: 10px;
            font-weight: 700;
            padding: 3px 7px;
            border-radius: 999px;
            background: var(--bc-color-surface-subtle);
        }

        .bc-v2-pg-metrics span.is-hot {
            color: #0f172a;
            background: var(--bc-color-warning-soft);
        }

        @media (max-width: 900px) {
            .bc-v2-graph-head {
                flex-direction: column;
                align-items: stretch;
            }

            .bc-v2-graph-head-metrics {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: stretch;
                gap: 8px;
                order: -1;
                width: 100%;
                margin: 0 0 8px;
                padding: 0;
                border: 0;
                background: transparent;
            }

            .bc-v2-focus-pressure-metrics,
            .bc-v2-pressure-badge-group {
                margin-left: 0;
            }

            .bc-v2-focus-pressure-metrics,
            .bc-v2-pg-foot .bc-v2-pressure-badge-group {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                gap: 8px;
                width: 100%;
                flex-wrap: nowrap;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge--readable,
            .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge {
                display: flex;
                flex-direction: column;
                align-items: stretch;
                justify-content: flex-start;
                min-width: 0;
                max-width: none;
                border-radius: 12px;
                padding: 8px 10px;
                gap: 6px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge--readable .bc-v2-pressure-badge-label,
            .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-label {
                font-size: 11px;
                text-align: left;
                letter-spacing: 0.01em;
                text-transform: none;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-columns {
                gap: 6px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-col {
                padding: 6px 4px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-col-label {
                font-size: 11px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-col-value {
                font-size: 16px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-split,
            .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-split {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 3px;
                width: 100%;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side,
            .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side {
                min-width: 0;
                padding: 3px 2px;
                gap: 1px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side-label,
            .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side-label {
                font-size: 11px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side-value,
            .bc-v2-pg-foot .bc-v2-pressure-badge-group .bc-v2-pressure-badge-side-value {
                font-size: 11px;
            }

            .bc-v2-pg-foot.bc-v2-pg-foot-metrics-only {
                justify-content: stretch;
            }
        }

        @media (min-width: 901px) {
            .bc-v2-graph-guide {
                flex: 1 1 320px;
                min-width: 0;
            }

            .bc-v2-graph-head-metrics {
                display: flex;
                align-items: center;
                align-self: center;
                margin-left: auto;
            }

            .bc-v2-graph-head-metrics .bc-v2-focus-pressure-metrics {
                margin-left: 0;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge--readable {
                gap: 10px;
                padding: 10px 12px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge--readable .bc-v2-pressure-badge-label {
                font-size: 12px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-col-value {
                font-size: 22px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-split {
                gap: 7px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side {
                min-width: 42px;
                padding: 5px 9px;
                gap: 3px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side-label {
                font-size: 11px;
            }

            .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-side-value {
                font-size: 15px;
            }
        }

        @media (max-width: 420px) {
            .bc-v2-pg-stats {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 768px) {
            .bc-v2-graph-story {
                gap: 10px;
                min-width: 0;
            }

            .bc-v2-live-reading-row {
                flex-direction: column;
                align-items: stretch;
                gap: 8px;
            }

            .bc-v2-live-reading {
                font-size: 12px;
                line-height: 1.5;
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics,
            .bc-v2-graph-story .bc-v2-pg-metrics.bc-v2-focus-pressure-metrics {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) !important;
                gap: 10px;
                width: 100%;
                min-width: 0;
                flex-wrap: nowrap;
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge--readable {
                flex: none;
                width: 100%;
                max-width: 100%;
                min-width: 0;
                padding: 10px 12px;
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-label {
                font-size: 12px;
                margin-bottom: 2px;
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-columns {
                gap: 8px;
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-badge-col {
                padding: 10px 8px;
                text-align: center;
                gap: 6px;
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-col-label {
                font-size: 0;
                line-height: 0;
                letter-spacing: 0.06em;
                min-height: 0;
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-col-label::after {
                content: attr(data-short);
                display: block;
                font-size: 10px;
                font-weight: 800;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                line-height: 1.2;
                color: var(--bc-color-text-dim);
            }

            .bc-v2-graph-story .bc-v2-focus-pressure-metrics .bc-v2-pressure-col-value {
                font-size: 20px;
            }

            .bc-v2-graph-guide {
                gap: 6px;
            }

            .bc-v2-guide-pill {
                font-size: 11px;
                padding: 5px 7px;
            }

            .bc-v2-pg-foot .bc-v2-pressure-badge-group {
                grid-template-columns: minmax(0, 1fr);
            }

            .bc-v2-graph-shell {
                margin-left: 0;
                margin-right: 0;
                min-width: 0;
                overflow: hidden;
            }
        }

        .bc-v2-context {
            display: grid;
            gap: 10px;
            margin-bottom: 12px;
            padding: 12px;
            border-radius: 16px;
            border: 1px solid var(--bc-color-surface-hover);
            background: rgba(255, 255, 255, 0.025);
        }

        .bc-v2-context-copy {
            display: none;
        }

        .bc-v2-context-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }

        .bc-v2-context-title strong {
            color: #f8fbff;
            font-size: 15px;
            font-weight: 800;
        }

        .bc-v2-context-title span {
            color: #9db1c9;
            font-size: 12px;
            font-weight: 600;
        }

        .bc-v2-context-summary,
        .bc-v2-context-lead p {
            margin: 0;
            color: #b6c9de;
            font-size: 13px;
            line-height: 1.55;
        }

        .bc-v2-match-actions {
            position: absolute;
            top: 10px;
            right: 12px;
            z-index: 16;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .bc-v2-match-actions .match-favorite-btn,
        .bc-v2-match-actions .bc-chat-trigger,
        .bc-v2-match-actions .bet-button {
            position: static;
            top: auto;
            right: auto;
            width: auto;
            min-width: 34px;
            height: 34px;
            min-height: 34px;
            padding: 0 10px;
            border-radius: 10px;
            font-size: 11px;
            font-weight: 700;
            box-shadow: none;
        }

        .bc-v2-match-actions .match-favorite-btn {
            width: 34px;
            padding: 0;
        }

        .bc-v2-match-actions .bc-v2-action-discuss .bc-chat-label.is-empty {
            display: inline;
        }

        .bc-v2-match-actions .bc-v2-action-discuss .bc-chat-label:not(.is-empty) {
            font-size: 11px;
            font-weight: 700;
        }

        .bc-v2-match-chat-compact {
            margin-top: 6px;
            width: auto;
            min-width: 0;
            min-height: 28px;
            height: 28px;
            padding: 0 7px;
            border-radius: 999px;
            gap: 4px;
            font-size: 12px;
            background: var(--bc-color-surface-subtle);
            border-color: rgba(148, 163, 184, 0.16);
        }

        .bc-v2-match-chat-compact .bc-chat-label {
            display: none !important;
        }

        .bc-v2-match-chat-count {
            color: var(--bc-color-text-dim);
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
        }

        .bc-v2-match-chat-compact.has-unread .bc-v2-match-chat-count {
            color: #67e8f9;
        }

        .bc-v2-supporting-stats {
            border: 0;
            margin: 0;
            padding: 0;
        }

        .bc-v2-supporting-stats > summary {
            list-style: none;
            cursor: pointer;
            color: #71849d;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 0 0 8px;
            user-select: none;
        }

        .bc-v2-supporting-stats > summary::-webkit-details-marker {
            display: none;
        }

        .bc-v2-supporting-stats > summary::after {
            content: " ▾";
            color: var(--bc-color-grey-500);
            font-weight: 700;
        }

        .bc-v2-supporting-stats:not([open]) > summary::after {
            content: " ▸";
        }

        .bc-v2-supporting-stats .stats-container--supporting {
            margin-top: 0;
        }

        .stats-container.stats-container--supporting {
            margin-top: 4px;
            padding: 10px 12px;
        }

        .bc-v2-stats-head--compact {
            margin-bottom: 8px;
        }

        .bc-v2-stats-head--compact strong {
            font-size: 12px;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #71849d;
        }

        @media (min-width: 901px) {
            .bc-v2-workspace-shell:not(.bc-v2-view-grid) .bc-v2-lower-grid {
                margin-top: 8px;
            }
        }

        .bc-v2-context-meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
        }

        .bc-v2-context-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 10px;
            border-radius: 999px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid var(--bc-color-surface-hover);
            color: #dbe8f7;
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
        }

        .bc-v2-context-pill span {
            color: #7f93ad;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            font-size: 10px;
        }

        .bc-v2-context-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .bc-v2-context-metric {
            padding: 10px 11px;
            border-radius: 14px;
            background: var(--bc-color-surface-subtle);
            border: 1px solid var(--bc-color-fill-soft);
        }

        .bc-v2-context-metric b,
        .bc-v2-context-metric span {
            display: block;
        }

        .bc-v2-context-metric span {
            color: #7f93ad;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .bc-v2-context-metric b {
            margin-top: 5px;
            color: var(--bc-color-text-bright);
            font-size: 15px;
            font-weight: 800;
        }

        .bc-v2-context-empty {
            color: #9db1c9;
            font-size: 13px;
            line-height: 1.6;
        }

        .bc-v2-feed {
            display: grid;
            gap: 10px;
            padding: 12px;
        }

        .bc-v2-feed-empty {
            /* #9db1c9 was 4.2:1 on the panel; this clears AA at 13px */
            color: #b6c4d8;
            font-size: 13px;
            line-height: 1.6;
            padding: 8px 4px;
        }

        .bc-v2-feed-section.is-empty-compact .bc-v2-panel-head {
            display: none;
        }

        .bc-v2-feed-section.is-empty-compact .bc-v2-feed {
            gap: 0;
            padding: 8px 12px;
        }

        .bc-v2-feed-section.is-empty-compact .bc-v2-feed-empty {
            padding: 0;
            font-size: 12px;
            line-height: 1.4;
            /* 4.20:1 on the compact panel — just under the 4.5 floor. The muted
               text token is the same intent and clears it at 6.19:1. */
            color: var(--bc-color-text-muted);
        }

        .bc-v2-selected-odds-desktop.is-empty-compact {
            border-top-color: rgba(148, 163, 184, 0.06);
        }

        .bc-v2-selected-odds-desktop.is-empty-compact .bc-v2-feed {
            padding: 8px 12px 10px;
        }

        .bc-v2-selected-odds-desktop {
            border-top: 1px solid rgba(148, 163, 184, 0.08);
        }

        .bc-v2-selected-odds-desktop .bc-v2-panel-head {
            min-height: 40px;
            padding: 9px 12px 8px;
        }

        .bc-v2-selected-odds-desktop .bc-v2-panel-head h2 {
            font-size: 12px;
            letter-spacing: 0.01em;
        }

        .bc-v2-selected-odds-desktop .bc-v2-panel-head span {
            font-size: 10px;
            color: #71849d;
            text-transform: lowercase;
        }

        .bc-v2-selected-odds-desktop .bc-v2-feed {
            gap: 8px;
            padding: 10px 12px 12px;
        }

        .bc-v2-selected-odds-desktop .bc-v2-feed-empty {
            padding: 2px 2px 6px;
            font-size: 12px;
            line-height: 1.5;
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-card {
            gap: 7px;
            padding: 7px 9px;
            border-radius: 11px;
            background: rgba(255, 255, 255, 0.018);
            border-color: rgba(255, 255, 255, 0.045);
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-copy strong {
            font-size: 11px;
            line-height: 1.3;
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-copy span {
            font-size: 11px;
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-price {
            min-width: 58px;
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-price strong {
            font-size: 12px;
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-price span,
        .bc-v2-selected-odds-desktop .bc-v2-odds-meta {
            font-size: 11px;
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-badge {
            min-width: 52px;
            padding: 5px 7px;
            font-size: 10px;
        }

        .bc-v2-selected-odds-desktop .bc-v2-odds-arrow {
            font-size: 12px;
        }

        .bc-v2-odds-card {
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) auto auto auto;
            align-items: center;
            gap: 8px;
            padding: 8px 10px;
            border-radius: 12px;
            border: 1px solid var(--bc-color-fill-soft);
            background: var(--bc-color-fill-faint);
        }

        .bc-v2-odds-top {
            display: block;
        }

        .bc-v2-odds-copy {
            min-width: 0;
            display: grid;
            gap: 4px;
        }

        .bc-v2-odds-copy strong,
        .bc-v2-odds-copy span {
            display: block;
        }

        .bc-v2-odds-copy strong {
            color: #f8fbff;
            font-size: 12px;
            font-weight: 800;
            line-height: 1.35;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .bc-v2-odds-copy span {
            color: #9db1c9;
            font-size: 10px;
            line-height: 1.4;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .bc-v2-odds-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 58px;
            padding: 6px 8px;
            border-radius: 999px;
            background: rgba(34, 197, 94, 0.12);
            border: 1px solid rgba(34, 197, 94, 0.22);
            color: var(--bc-color-brand-strong);
            font-size: 11px;
            font-weight: 800;
            white-space: nowrap;
        }

        .bc-v2-odds-badge.is-positive {
            background: rgba(239, 68, 68, 0.12);
            border-color: rgba(239, 68, 68, 0.22);
            color: var(--bc-color-negative-soft);
        }

        .bc-v2-odds-badge.is-negative {
            background: rgba(34, 197, 94, 0.12);
            border-color: rgba(34, 197, 94, 0.22);
            color: var(--bc-color-brand-strong);
        }

        .bc-v2-odds-badge.is-neutral {
            background: var(--bc-color-line);
            border-color: rgba(148, 163, 184, 0.24);
            color: #cbd5e1;
        }

        .bc-v2-odds-prices {
            display: contents;
        }

        .bc-v2-odds-price {
            min-width: 66px;
            padding: 0;
            border-radius: 0;
            background: transparent;
            border: 0;
            text-align: right;
        }

        .bc-v2-odds-price span,
        .bc-v2-odds-price strong {
            display: block;
        }

        .bc-v2-odds-price span {
            color: #7f93ad;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .bc-v2-odds-price strong {
            margin-top: 2px;
            color: var(--bc-color-text-bright);
            font-size: 13px;
            font-weight: 800;
        }

        .bc-v2-odds-arrow {
            color: #5eead4;
            font-size: 14px;
            font-weight: 800;
            text-align: center;
        }

        .bc-v2-odds-arrow.is-positive {
            color: var(--bc-color-negative-soft);
        }

        .bc-v2-odds-arrow.is-negative {
            color: var(--bc-color-brand-strong);
        }

        .bc-v2-odds-arrow.is-neutral {
            color: #cbd5e1;
        }

        .bc-v2-odds-meta {
            color: #8fa5bf;
            font-size: 10px;
            line-height: 1.35;
            text-align: right;
            white-space: nowrap;
        }

        .bc-v2-live-status-item.is-empty strong {
            color: #9db1c9;
        }

        .bc-v2-empty-block {
            display: grid;
            gap: 8px;
            padding: 18px 16px;
            border-radius: 16px;
            border: 1px dashed var(--bc-color-line-medium);
            background: var(--bc-color-fill-faint);
        }

        .bc-v2-empty-block strong {
            color: var(--bc-color-text-bright);
            font-size: 14px;
            font-weight: 800;
        }

        .bc-v2-empty-block span {
            color: #9db1c9;
            font-size: 13px;
            line-height: 1.6;
        }

        .bc-v2-panel-head a:hover {
            color: #c7f1ff;
        }

        .matches-container.has-selection .match-card {
            opacity: 0.72;
            transform: scale(0.992);
            transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .matches-container.has-selection .match-card.is-selected {
            opacity: 1;
            transform: none;
        }

        .match-card.is-selected {
            border-color: rgba(111, 200, 255, 0.3);
            box-shadow:
                    0 18px 36px rgba(0, 0, 0, 0.34),
                    0 0 0 1px rgba(111, 200, 255, 0.08);
            background:
                    radial-gradient(900px 320px at -8% -12%, rgba(34, 197, 94, 0.09), transparent 55%),
                    radial-gradient(760px 320px at 108% -16%, rgba(14, 165, 233, 0.11), transparent 58%),
                    #111827;
        }

        .match-card.is-selected .chart-container {
            border-color: rgba(111, 200, 255, 0.18);
            box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
        }

        @media (min-width: 1181px) {
            .bc-v2-grid {
                grid-template-columns: minmax(300px, 380px) minmax(0, 1fr) minmax(280px, 380px);
            }

            .bc-v2-workspace-shell {
                height: auto;
                min-height: 0;
            }

            .bc-v2-match-rail,
            .main-content,
            .bc-v2-right-rail {
                position: static;
                top: auto;
                align-self: stretch;
                max-height: none;
                overflow: visible;
            }

            .bc-v2-match-rail,
            .bc-v2-right-rail {
                display: flex;
                flex-direction: column;
            }

            .bc-v2-match-rail .bc-v2-match-list {
                flex: 0 0 auto;
                overflow: visible;
            }

            .main-content,
            .bc-v2-right-rail {
                overflow: visible;
                scrollbar-gutter: auto;
            }

            .bc-v2-panel-sticky {
                position: static;
                top: auto;
            }

            .main-content {
                padding-right: 6px;
            }
        }

        @media (max-width: 1180px) and (min-width: 769px) {
            .bc-v2-grid {
                grid-template-columns: 320px minmax(0, 1fr);
                gap: 14px;
            }

            .bc-v2-right-rail {
                grid-column: 2;
            }

            .bc-v2-advanced-filters {
                padding-left: 0;
                padding-right: 0;
            }
        }

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

            .bc-v2-right-rail,
            .bc-v2-match-rail {
                grid-column: auto;
            }
        }

        @media (max-width: 767px) {
            .bc-v2-match-main {
                grid-template-columns: minmax(0, 1fr) 64px;
                gap: 8px;
                width: 100%;
            }

            .bc-v2-match-mini-chart {
                width: 64px;
                max-width: 64px;
                height: 42px;
                min-height: 42px;
                padding: 0;
                box-sizing: border-box;
            }

            .bc-v2-selected-hero {
                grid-template-columns: 1fr;
                margin: 0 12px 12px;
                padding: 12px 13px;
            }

            .bc-v2-selected-badges {
                justify-content: start;
            }

            .bc-v2-graph-shell {
                margin: 0 8px 12px;
                padding: 8px;
            }

            .bc-v2-graph-head {
                gap: 10px;
            }

            .bc-v2-graph-guide {
                justify-content: start;
            }

            .bc-v2-micro-kpis {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }

            .bc-v2-lower-grid {
                grid-template-columns: 1fr;
                gap: 12px;
                margin: 0 8px;
            }

            .bc-v2-odds-card {
                grid-template-columns: 1fr;
                gap: 8px;
            }

            .bc-v2-odds-arrow {
                display: none;
            }

            .bc-v2-odds-price,
            .bc-v2-odds-meta {
                text-align: left;
            }

            .chart-container {
                height: 302px;
                padding: 8px 4px 8px;
            }

            .chart-canvas {
                height: 270px;
            }

            .filters-container {
                width: calc(100% - 24px);
                margin: 0 auto 16px;
                padding: 14px;
                border-radius: 16px;
            }

            .filters-container-inner {
                gap: 8px;
            }

            .filter-group-label {
                font-size: 11px;
                padding: 5px 8px;
            }

            .bc-v2-advanced-filters {
                padding-left: 0;
                padding-right: 0;
            }

            .bc-v2-advanced-body {
                padding: 10px;
            }

            .bc-v2-toolbar-head {
                width: calc(100% - 24px);
                margin: 0 auto 10px;
            }

            .bc-v2-context-grid {
                grid-template-columns: 1fr;
            }

            .matches-container.has-selection .match-card {
                opacity: 1;
                transform: none;
            }

            .bc-v2-mobile-match-picker {
                display: block;
            }

            .bc-v2-chart-empty {
                min-height: 270px;
                padding: 16px 10px;
            }
        }

        .bc-v2-selected-hero,
        .bc-v2-mobile-tabs,
        .bc-v2-mobile-odds-section {
            display: none;
        }

        .bc-v2-mobile-panel.is-context,
        .bc-v2-mobile-panel.is-odds {
            display: none;
        }

        .bc-v2-mobile-panel-copy {
            display: grid;
            gap: 6px;
            padding: 14px;
            border-radius: 16px;
            border: 1px solid rgba(148, 163, 184, 0.12);
            background: var(--bc-color-surface-subtle);
        }

        .bc-v2-mobile-panel-copy strong {
            color: var(--bc-color-text-bright);
            font-size: 13px;
            font-weight: 800;
        }

        .bc-v2-mobile-panel-copy p {
            margin: 0;
            color: #9db1c9;
            font-size: 13px;
            line-height: 1.5;
        }

        .bc-v2-low-data-note {
            margin: 0 0 8px;
            color: #9fdcff;
            font-size: 11px;
            line-height: 1.4;
        }

        .chart-container.is-low-data {
            min-height: 200px;
            height: 200px;
        }

        .bc-v2-graph-shell.is-low-data .chart-canvas {
            height: 164px;
        }

        @media (max-width: 768px) {
            body.bc-dashboard {
                overflow-x: hidden;
            }

            .bc-dash-main {
                padding-bottom: 96px;
            }

            .bc-v2-header {
                padding: 14px 12px 6px;
            }

            .bc-v2-heading {
                align-items: flex-start;
                gap: 10px;
                margin-bottom: 12px;
            }

            .bc-v2-eyebrow {
                font-size: 10px;
                letter-spacing: 0.1em;
            }

            .bc-v2-heading h1 {
                font-size: 30px;
                line-height: 1;
                margin: 2px 0 4px;
            }

            .bc-v2-heading p {
                font-size: 12px;
                line-height: 1.4;
                max-width: 250px;
            }

            .bc-v2-live-state {
                padding: 6px 10px;
                font-size: 11px;
            }

            .bc-v2-live-status {
                overflow-x: auto;
                padding-bottom: 2px;
                scroll-snap-type: x proximity;
                scrollbar-width: none;
            }

            .bc-v2-live-status::-webkit-scrollbar {
                display: none;
            }

            .bc-v2-live-status-track {
                flex-wrap: nowrap;
                min-width: max-content;
            }

            .bc-v2-toolbar-head {
                display: none;
            }

            .bc-v2-mobile-filter-bar {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                width: calc(100% - 24px);
                margin: 0 auto 10px;
            }

            .bc-v2-mobile-filter-trigger,
            .bc-v2-mobile-filter-clear,
            .bc-v2-mobile-sheet-close,
            .bc-v2-mobile-sheet-secondary,
            .bc-v2-mobile-sheet-primary {
                border: 1px solid rgba(148, 163, 184, 0.16);
                border-radius: 999px;
                background: #101a2d;
                color: #e2e8f0;
                font-size: 13px;
                font-weight: 700;
            }

            .bc-v2-mobile-filter-trigger {
                display: inline-flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                flex: 1 1 auto;
                min-height: 44px;
                padding: 0 14px;
            }

            .bc-v2-mobile-filter-trigger strong {
                color: #9fdcff;
                font-size: 12px;
            }

            .bc-v2-mobile-filter-clear {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 44px;
                padding: 0 16px;
                white-space: nowrap;
            }

            .bc-v2-mobile-filter-backdrop {
                position: fixed;
                inset: 0;
                z-index: 1090;
                background: rgba(2, 6, 23, 0.72);
            }

            .bc-mobile-filters-open .bc-v2-mobile-filter-backdrop {
                display: block;
            }

            .filters-container {
                display: none;
                position: fixed;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 1100;
                width: 100%;
                height: 100dvh;
                max-height: 100dvh;
                margin: 0;
                padding: max(10px, env(safe-area-inset-top, 0px)) 12px 0;
                border-radius: 0;
                transform: translateY(100%);
                opacity: 0;
                pointer-events: none;
                transition: transform 0.22s ease, opacity 0.22s ease;
                overflow: hidden;
                flex-direction: column;
                box-sizing: border-box;
            }

            .bc-mobile-filters-open .filters-container {
                display: flex;
                transform: translateY(0);
                opacity: 1;
                pointer-events: auto;
            }

            .filters-container-inner {
                flex: 1 1 auto;
                min-height: 0;
                overflow-x: hidden;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior: contain;
                padding-bottom: calc(72px + var(--bc-layout-filter-chrome-bottom, 56px));
            }

            .bc-v2-mobile-sheet-head,
            .bc-v2-mobile-sheet-footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                flex-shrink: 0;
            }

            .bc-v2-mobile-sheet-head {
                position: relative;
                top: auto;
                padding-bottom: 10px;
                margin-bottom: 4px;
                background: rgba(10, 17, 31, 0.98);
                z-index: 2;
            }

            .bc-v2-mobile-sheet-head strong {
                display: block;
                color: var(--bc-color-text-strong);
                font-size: 15px;
                font-weight: 800;
            }

            .bc-v2-mobile-sheet-head span {
                color: var(--bc-color-text-dim);
                font-size: 12px;
            }

            .bc-v2-mobile-sheet-close,
            .bc-v2-mobile-sheet-secondary,
            .bc-v2-mobile-sheet-primary {
                min-height: 44px;
                padding: 0 16px;
                touch-action: manipulation;
            }

            .bc-v2-mobile-sheet-primary {
                background: linear-gradient(135deg, #1cc4ff, var(--bc-color-brand-strong));
                color: #03111d;
                border: 0;
            }

            .bc-v2-mobile-sheet-footer {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1110;
                margin: 0;
                padding: 10px 12px calc(var(--bc-layout-filter-chrome-bottom, 56px) + max(12px, env(safe-area-inset-bottom, 0px)));
                background: rgba(10, 17, 31, 0.98);
                border-top: 1px solid rgba(148, 163, 184, 0.16);
                box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.38);
            }

            .bc-v2-mobile-sheet-footer .bc-v2-mobile-sheet-primary {
                flex: 1 1 auto;
            }

            .bc-v2-mobile-sheet-footer .bc-v2-mobile-sheet-secondary {
                flex: 0 0 auto;
            }

            .filter-row-primary {
                display: contents;
            }

            .bc-v2-filter-primary,
            .bc-v2-filter-secondary,
            .bc-v2-filter-block,
            .bc-v2-advanced-filters,
            .bc-v2-advanced-body,
            .bc-v2-advanced-group,
            .bc-v2-filter-chip-row,
            .bc-v2-filter-control,
            .bc-v2-filter-control-row,
            .bc-v2-filter-segment,
            .bc-v2-stat-filter-section,
            .bc-v2-preset-row,
            .bc-v2-preset-save-row {
                width: 100%;
                min-width: 0;
            }

            .bc-v2-filter-control-row {
                grid-template-columns: 1fr;
            }

            .bc-v2-filter-segment {
                width: 100%;
                justify-content: center;
            }

            #clearBtn,
            .filters-scroll-btn {
                display: none !important;
            }

            .bc-v2-advanced-filters {
                display: block;
                width: 100%;
            }

            .bc-v2-advanced-filters > summary {
                width: 100%;
                justify-content: space-between;
                min-height: 42px;
            }

            .bc-v2-advanced-body {
                margin-top: 8px;
                padding: 12px;
            }

            .bc-v2-advanced-group {
                display: grid;
                gap: 8px;
            }

            .bc-v2-range-row {
                grid-template-columns: 1fr 1fr;
            }

            .bc-v2-range-row label {
                grid-column: 1 / -1;
            }

            .bc-v2-range-row .range-sep,
            .bc-v2-range-row > span:empty {
                display: none;
            }

            .bc-v2-preset-save-row {
                grid-template-columns: 1fr;
            }

            .comparison-inputs {
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                gap: 8px;
                align-items: center;
            }

            .bc-v2-grid {
                display: block;
                padding: 10px 12px 32px;
            }

            .bc-v2-match-rail,
            .bc-v2-right-rail {
                display: none !important;
            }

            .main-content {
                display: block !important;
            }

            .match-card {
                padding: 10px 0 12px;
                border-radius: 18px;
            }

            .legend-container,
            .bc-v2-match-header,
            .update-text,
            .bc-v2-match-actions,
            .match-favorite-btn:not(.bc-v2-mobile-action):not(.bc-v2-grid-favorite-btn),
            .bc-v2-desktop-bet {
                display: none !important;
            }

            .bc-v2-view-grid .bc-v2-pg-controls .bc-v2-grid-favorite-btn {
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                width: 34px;
                height: 34px;
                font-size: 14px;
                border-radius: 999px;
                border: 1px solid rgba(148, 163, 184, 0.18);
                background: var(--bc-color-surface-subtle);
            }

            .bc-v2-view-grid .bc-v2-pg-controls .bc-v2-grid-favorite-btn.is-favorite {
                color: var(--bc-color-warning-soft);
                border-color: rgba(250, 204, 21, 0.35);
                background: rgba(250, 204, 21, 0.12);
            }

            .bc-v2-selected-hero {
                display: block;
                margin: 0 8px 10px;
                padding: 0;
                background: transparent;
                border: 0;
            }

            .bc-v2-mobile-match-shell {
                display: grid;
                gap: 10px;
                padding: 12px;
                border-radius: 16px;
                border: 1px solid rgba(148, 163, 184, 0.12);
                background: rgba(255, 255, 255, 0.025);
            }

            .bc-v2-mobile-match-top {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
                align-items: center;
                gap: 10px;
            }

            .bc-v2-mobile-team {
                min-width: 0;
                color: var(--bc-color-text-strong);
                font-size: 16px;
                font-weight: 800;
                line-height: 1.2;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .bc-v2-mobile-team-away {
                text-align: right;
            }

            .bc-v2-mobile-score-block {
                text-align: center;
            }

            .bc-v2-mobile-score-block strong {
                display: block;
                color: var(--bc-color-white);
                font-size: 34px;
                line-height: 0.95;
            }

            .bc-v2-mobile-score-block span {
                color: #9fdcff;
                font-size: 12px;
                font-weight: 700;
            }

            .bc-v2-mobile-meta-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                flex-wrap: wrap;
            }

            .bc-v2-mobile-update-chip {
                color: #9db1c9;
                font-size: 11px;
                font-weight: 700;
            }

            .bc-v2-mobile-metric-strip {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }

            .bc-v2-mobile-metric-strip div {
                display: grid;
                gap: 3px;
                padding: 10px;
                border-radius: 12px;
                background: var(--bc-color-surface-subtle);
                border: 1px solid rgba(148, 163, 184, 0.09);
            }

            .bc-v2-mobile-metric-strip span {
                color: #7f93ad;
                font-size: 10px;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }

            .bc-v2-mobile-metric-strip strong {
                color: #eef5ff;
                font-size: 15px;
                font-weight: 800;
            }

            .bc-v2-mobile-action-row {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
            }

            .bc-v2-mobile-action {
                position: static;
                width: 100%;
                height: 42px;
                border-radius: 12px;
                border: 1px solid var(--bc-color-line);
                background: var(--bc-color-surface-subtle);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                color: #e2e8f0;
                font-size: 13px;
                font-weight: 700;
                box-shadow: none;
            }

            .bc-v2-mobile-bet {
                background: rgba(245, 158, 11, 0.14);
                color: #ffd9a0;
                border-color: rgba(245, 158, 11, 0.24);
            }

            .bc-v2-mobile-tabs {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 8px;
                margin: 0 8px 10px;
            }

            .bc-v2-mobile-tab {
                min-height: 38px;
                border-radius: 12px;
                border: 1px solid rgba(148, 163, 184, 0.13);
                background: var(--bc-color-surface-subtle);
                color: #9db1c9;
                font-size: 12px;
                font-weight: 700;
                transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
            }

            .bc-v2-mobile-tab.is-active {
                background: rgba(14, 165, 233, 0.14);
                border-color: rgba(56, 189, 248, 0.28);
                color: #dff7ff;
            }

            .bc-v2-mobile-tab:active {
                transform: scale(0.97);
            }

            .bc-v2-mobile-panel {
                display: none;
            }

            .bc-v2-mobile-panel.is-active {
                display: block;
                animation: bcMobilePanelIn 180ms ease-out;
            }

            @keyframes bcMobilePanelIn {
                from {
                    opacity: 0;
                    transform: translateY(4px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            .bc-v2-mobile-panel.is-graph .bc-v2-graph-shell {
                margin: 0 8px;
                padding: 10px;
            }

            .bc-v2-mobile-panel.is-stats .bc-v2-lower-grid,
            .bc-v2-mobile-panel.is-context,
            .bc-v2-mobile-panel.is-odds {
                margin: 0 8px;
            }

            .bc-v2-mobile-context-panel,
            .bc-v2-mobile-odds-panel {
                display: grid;
                gap: 10px;
            }

            .chart-container {
                height: 248px;
                min-height: 248px;
                padding: 6px 2px 8px;
            }

            .chart-canvas {
                height: 224px;
            }

            .chart-container.is-low-data {
                min-height: 154px;
                height: 154px;
            }

            .bc-v2-graph-shell.is-low-data .chart-canvas {
                height: 126px;
            }

            .bc-v2-guide-pill {
                font-size: 10px;
                padding: 6px 8px;
            }

            .bc-v2-micro-kpis {
                display: none;
            }

            .stats-container {
                padding: 14px 12px;
            }

            .bc-v2-mobile-match-picker,
            .bc-v2-mobile-odds-section {
                display: block;
                margin-top: 14px;
            }

            .bc-v2-mobile-match-picker-head,
            .bc-v2-mobile-odds-section .bc-v2-panel-head {
                padding: 0 2px 8px;
                border-bottom: 0;
            }

            .bc-v2-mobile-match-picker-head h2,
            .bc-v2-mobile-odds-section .bc-v2-panel-head h2 {
                font-size: 15px;
            }

            .bc-v2-mobile-match-picker .bc-v2-match-list,
            .bc-v2-mobile-odds-section .bc-v2-feed {
                gap: 8px;
            }

            .bc-v2-mobile-match-picker .bc-v2-match-item,
            .bc-v2-mobile-odds-section .bc-v2-odds-card,
            .bc-v2-feed-compact .bc-v2-odds-card {
                border: 1px solid rgba(148, 163, 184, 0.11);
                border-radius: 14px;
                padding: 10px 12px;
                background: rgba(255, 255, 255, 0.025);
            }

            .bc-v2-mobile-match-picker .bc-v2-match-item {
                display: block;
                border-bottom: 0;
            }

            .bc-v2-mobile-match-picker .bc-v2-match-main,
            .bc-v2-match-main {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 64px;
                gap: 8px;
                align-items: center;
                width: 100%;
            }

            .bc-v2-mobile-match-picker .bc-v2-match-mini-chart,
            .bc-v2-match-mini-chart {
                width: 64px;
                max-width: 64px;
                height: 42px;
                min-height: 42px;
                padding: 0;
                justify-self: end;
                box-sizing: border-box;
            }

            .bc-v2-mobile-match-picker .bc-v2-match-mini-chart svg,
            .bc-v2-match-mini-chart svg {
                width: 100%;
                height: 100%;
            }

            .bc-v2-match-selected-tag {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                width: fit-content;
                margin-top: 8px;
                padding: 4px 10px;
                border-radius: 999px;
                border: 1px solid rgba(111, 200, 255, 0.24);
                background: rgba(14, 165, 233, 0.12);
                color: #c7f1ff;
                font-size: 10px;
                font-weight: 850;
                letter-spacing: 0.08em;
                line-height: 1;
                text-transform: uppercase;
            }

            .bc-v2-match-selected-tag::before {
                content: "";
                width: 7px;
                height: 7px;
                border-radius: 999px;
                background: var(--bc-color-accent-bright);
                box-shadow: 0 0 12px rgba(56, 189, 248, 0.72);
            }

            .bc-v2-odds-card {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 8px 10px;
                align-items: start;
            }

            .bc-v2-odds-top,
            .bc-v2-odds-prices {
                grid-column: 1 / -1;
            }

            .bc-v2-odds-copy strong {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                white-space: normal;
                overflow: hidden;
                font-size: 12px;
            }

            .bc-v2-odds-copy span {
                font-size: 10px;
            }

            .bc-v2-odds-prices {
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                gap: 8px;
                align-items: center;
            }

            .bc-v2-odds-arrow {
                display: block;
                font-size: 12px;
            }

            .bc-v2-odds-badge {
                justify-self: start;
                margin-top: 0;
                padding: 6px 10px;
                font-size: 11px;
            }

            .bc-v2-odds-meta {
                justify-self: end;
                align-self: center;
                font-size: 10px;
            }

            .top-button {
                display: none !important;
            }
        }

        @media (max-width: 390px) {
            .bc-v2-mobile-match-picker .bc-v2-match-main,
            .bc-v2-match-main {
                grid-template-columns: minmax(0, 1fr) 64px;
            }

            .bc-v2-mobile-match-picker .bc-v2-match-mini-chart,
            .bc-v2-match-mini-chart {
                height: 42px;
                min-height: 42px;
            }

            .bc-v2-mobile-match-top {
                grid-template-columns: minmax(0, 1fr) auto;
            }

            .bc-v2-mobile-team-away {
                grid-column: 1 / -1;
                text-align: left;
            }

            .bc-v2-mobile-tabs {
                overflow-x: auto;
                display: flex;
                padding-bottom: 2px;
                scrollbar-width: none;
            }

            .bc-v2-mobile-tabs::-webkit-scrollbar {
                display: none;
            }

            .bc-v2-mobile-tab {
                min-width: 84px;
            }
        }

        .bc-chat-trigger {
            position: relative;
            border: 1px solid rgba(99, 179, 237, 0.32);
            background: rgba(7, 20, 38, 0.72);
            color: #d9ecff;
            border-radius: 999px;
            padding: 8px 12px;
            font-weight: 900;
            letter-spacing: .02em;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
            transition: border-color .18s ease, transform .18s ease, background .18s ease;
        }

        .bc-chat-icon,
        .bc-chat-label {
            pointer-events: none;
        }

        .bc-chat-trigger:hover {
            transform: translateY(-1px);
            border-color: rgba(46, 213, 255, 0.7);
            background: rgba(14, 44, 70, 0.92);
        }

        .bc-chat-trigger:active {
            transform: scale(0.96);
            border-color: rgba(46, 213, 255, 0.7);
            background: rgba(14, 44, 70, 0.92);
            transition-duration: 0.08s;
        }

        .bc-v2-match-chat-btn {
            margin-top: 10px;
            width: fit-content;
            min-height: 34px;
            font-size: 13px;
        }

        .match-card > .bc-match-chat-float {
            position: absolute;
            right: 18px;
            top: 58px;
            z-index: 9;
            min-width: 54px;
            height: 38px;
            padding: 0 10px;
            border-radius: 16px;
            gap: 5px;
            background: rgba(9, 31, 55, 0.88);
            border-color: rgba(80, 178, 231, 0.42);
        }

        .match-card > .bc-match-chat-float .bc-chat-label {
            font-size: 15px;
            line-height: 1;
        }

        .match-card > .bc-match-chat-float .bc-chat-label.is-empty {
            display: none;
        }

        .bc-chat-trigger.has-unread {
            border-color: rgba(34, 211, 238, .85);
            color: #f7fbff;
            box-shadow: 0 0 18px rgba(34, 211, 238, .22);
        }

        .bc-chat-trigger.is-new-feature {
            border-color: rgba(45, 212, 191, .72);
            box-shadow: 0 0 0 1px rgba(45, 212, 191, .18), 0 0 22px rgba(45, 212, 191, .18);
            animation: bcChatPulse 1.8s ease-in-out infinite;
        }

        .bc-chat-new-badge {
            position: absolute;
            top: -9px;
            right: -10px;
            border-radius: 999px;
            padding: 3px 7px;
            background: linear-gradient(135deg, #34d399, #22d3ee);
            color: #04111f;
            font-size: 10px;
            font-weight: 950;
            letter-spacing: .08em;
            box-shadow: 0 8px 18px rgba(34, 211, 238, .24);
            pointer-events: none;
        }

        @keyframes bcChatPulse {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-1px); }
        }

        @keyframes bcV2SpotlightPulse {
            0%, 100% {
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.34), 0 0 16px rgba(14, 165, 233, 0.16);
            }
            50% {
                box-shadow: 0 0 0 7px rgba(34, 197, 94, 0), 0 0 28px rgba(14, 165, 233, 0.28);
            }
        }

        @keyframes bcV2ToggleGlow {
            0%, 100% {
                border-color: rgba(34, 197, 94, 0.22);
                box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.12), 0 0 18px rgba(14, 165, 233, 0.12);
            }
            50% {
                border-color: rgba(56, 189, 248, 0.42);
                box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.28), 0 0 28px rgba(14, 165, 233, 0.24);
            }
        }

        @keyframes bcV2PresetsReveal {
            from {
                opacity: 0;
                transform: translateY(-8px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes bcV2PresetsGlow {
            0%, 100% {
                border-bottom-color: rgba(148, 163, 184, 0.1);
                box-shadow: inset 0 -1px 0 rgba(56, 189, 248, 0);
            }
            50% {
                border-bottom-color: rgba(56, 189, 248, 0.34);
                box-shadow: inset 0 -1px 0 rgba(56, 189, 248, 0.22);
            }
        }

        @keyframes bcV2FiltersShellIn {
            from {
                opacity: 0.82;
                transform: translateY(-6px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes bcV2GridCardIn {
            from {
                opacity: 0;
                transform: translateY(12px) scale(0.985);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @keyframes bcV2SpotlightBadgePop {
            0% {
                opacity: 0;
                transform: scale(0.72);
            }
            70% {
                transform: scale(1.06);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }

        .bc-v2-view-toggle.has-grid-spotlight {
            position: relative;
            animation: bcV2ToggleGlow 2.4s ease-in-out infinite;
        }

        .bc-v2-view-btn.is-spotlight {
            position: relative;
            animation: bcV2SpotlightPulse 2s ease-in-out infinite;
        }

        .bc-v2-spotlight-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            border-radius: 999px;
            padding: 2px 6px;
            background: linear-gradient(135deg, #34d399, #22d3ee);
            color: #04111f;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: 0.08em;
            line-height: 1.2;
            box-shadow: 0 8px 18px rgba(34, 211, 238, 0.24);
            pointer-events: none;
            animation: bcV2SpotlightBadgePop 0.45s ease-out both;
        }

        .bc-v2-spotlight-badge--inline {
            position: static;
            display: inline-flex;
            align-items: center;
            margin-left: 6px;
            vertical-align: middle;
            padding: 2px 7px;
            font-size: 11px;
        }

        .filters-container.has-filter-spotlight {
            animation: bcV2FiltersShellIn 0.55s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .bc-v2-filter-presets-bar.is-spotlight {
            animation: bcV2PresetsReveal 0.55s cubic-bezier(0.22, 1, 0.36, 1), bcV2PresetsGlow 2.6s ease-in-out 0.55s infinite;
        }

        .bc-v2-filter-presets-bar.is-spotlight .bc-v2-preset-btn--promoted {
            animation: bcV2SpotlightPulse 2.4s ease-in-out infinite;
            animation-delay: calc(var(--preset-i, 0) * 0.12s);
        }

        .bc-v2-pressure-grid.bc-v2-grid-animate-in .bc-v2-pressure-card {
            animation: bcV2GridCardIn 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
            animation-delay: calc(var(--bc-color-surface, 0) * 45ms);
        }

        @media (prefers-reduced-motion: reduce) {
            .bc-v2-view-toggle.has-grid-spotlight,
            .bc-v2-view-btn.is-spotlight,
            .filters-container.has-filter-spotlight,
            .bc-v2-filter-presets-bar.is-spotlight,
            .bc-v2-filter-presets-bar.is-spotlight .bc-v2-preset-btn--promoted,
            .bc-v2-pressure-grid.bc-v2-grid-animate-in .bc-v2-pressure-card,
            .bc-v2-spotlight-badge,
            .momentum-arrow,
            .ladder-badge,
            .dangerous-l5-flash,
            .gs-pulse,
            .goal-flash-text,
            .goal-flash-chevron,
            .prob-high,
            .bc-chat-trigger.is-new-feature,
            .bc-v2-mobile-panel.is-active,
            .bc-value-flash {
                animation: none !important;
            }

            .dangerous-l5-flash {
                opacity: 0.65;
            }
        }

        .bc-chat-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(2, 8, 20, .58);
            z-index: 1059;
            opacity: 0;
            pointer-events: none;
            transition: opacity .2s ease;
        }

        .bc-chat-backdrop.is-open {
            opacity: 1;
            pointer-events: auto;
        }

        .bc-chat-drawer {
            position: fixed;
            top: 0;
            right: 0;
            width: min(430px, 94vw);
            height: 100vh;
            z-index: 1060;
            transform: translateX(104%);
            transition: transform .24s ease;
            background: radial-gradient(circle at 10% 0%, rgba(34, 211, 238, .12), transparent 34%), linear-gradient(180deg, rgba(10, 23, 43, .98), rgba(7, 17, 33, .98));
            border-left: 1px solid rgba(80, 178, 231, .32);
            box-shadow: -24px 0 80px rgba(0, 0, 0, .42);
            display: grid;
            grid-template-rows: auto auto 1fr auto;
        }

        .bc-chat-drawer.is-open {
            transform: translateX(0);
        }

        .bc-chat-head {
            padding: 18px;
            border-bottom: 1px solid rgba(148, 163, 184, .16);
        }

        .bc-chat-head-row {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 14px;
        }

        .bc-chat-title {
            margin: 0;
            color: #f8fbff;
            font-size: 20px;
            font-weight: 950;
            line-height: 1.2;
        }

        .bc-chat-meta {
            margin-top: 6px;
            color: #9fb4cf;
            font-weight: 800;
        }

        .bc-chat-close {
            width: 42px;
            height: 42px;
            border-radius: 14px;
            border: 1px solid rgba(148, 163, 184, .24);
            background: rgba(15, 23, 42, .72);
            color: #d9e7f7;
            font-size: 22px;
            font-weight: 900;
        }

        .bc-chat-status {
            margin-top: 12px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #9fb4cf;
            font-size: 13px;
            font-weight: 800;
        }

        .bc-chat-status::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--bc-color-brand-strong);
            box-shadow: 0 0 12px rgba(34, 197, 94, .55);
        }

        .bc-chat-nudge {
            margin-top: 12px;
            display: none;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
            padding: 10px 12px;
            border-radius: 16px;
            border: 1px solid rgba(45, 212, 191, .24);
            background: rgba(13, 148, 136, .10);
            color: #dffcff;
            font-size: 13px;
            line-height: 1.35;
        }

        .bc-chat-nudge.is-visible {
            display: flex;
        }

        .bc-chat-nudge strong {
            display: block;
            color: #f8fbff;
            margin-bottom: 2px;
        }

        .bc-chat-nudge button {
            border: 0;
            background: rgba(255, 255, 255, .08);
            color: #dffcff;
            border-radius: 999px;
            width: 28px;
            height: 28px;
            flex: 0 0 auto;
            font-weight: 950;
        }

        .bc-chat-input-wrap {
            position: relative;
            min-width: 0;
        }

        .bc-chat-emoji-toggle {
            position: absolute;
            right: 10px;
            bottom: 10px;
            width: 34px;
            height: 34px;
            border: 1px solid rgba(80, 178, 231, .24);
            background: rgba(13, 34, 58, .62);
            color: #f7fbff;
            border-radius: 12px;
            font-size: 17px;
            font-weight: 900;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .bc-chat-emoji-toggle:hover,
        .bc-chat-emoji-toggle.is-open {
            border-color: rgba(45, 212, 191, .65);
            background: rgba(20, 68, 82, .74);
        }

        .bc-chat-emoji-picker {
            position: absolute;
            left: 0;
            right: 0;
            bottom: calc(100% + 10px);
            z-index: 3;
            display: none;
            grid-template-columns: repeat(8, minmax(0, 1fr));
            gap: 6px;
            padding: 10px;
            border-radius: 18px;
            border: 1px solid rgba(80, 178, 231, .28);
            background: rgba(10, 22, 39, .98);
            box-shadow: 0 18px 40px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(255,255,255,.04);
        }

        .bc-chat-emoji-picker.is-open {
            display: grid;
        }

        .bc-chat-emoji-picker button {
            border: 0;
            background: rgba(255, 255, 255, .045);
            border-radius: 12px;
            min-height: 34px;
            font-size: 19px;
            line-height: 1;
        }

        .bc-chat-emoji-picker button:hover {
            background: rgba(45, 212, 191, .16);
        }

        .bc-chat-messages {
            overflow-y: auto;
            padding: 14px 18px 18px;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .bc-chat-load-older {
            align-self: center;
            border: 1px solid rgba(148, 163, 184, .22);
            background: rgba(15, 23, 42, .72);
            color: #cde4ff;
            border-radius: 999px;
            padding: 8px 14px;
            font-weight: 900;
        }

        .bc-chat-empty {
            margin: auto;
            text-align: center;
            color: #9fb4cf;
            font-size: 16px;
            font-weight: 800;
            max-width: 280px;
        }

        .bc-chat-message {
            display: grid;
            grid-template-columns: 38px 1fr;
            gap: 10px;
        }

        .bc-chat-message.is-own {
            grid-template-columns: 1fr 38px;
        }

        .bc-chat-avatar {
            width: 38px;
            height: 38px;
            border-radius: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(145deg, rgba(34, 211, 238, .24), rgba(59, 130, 246, .18));
            border: 1px solid rgba(125, 211, 252, .24);
            color: #e8f7ff;
            font-weight: 950;
        }

        .bc-chat-message.is-own .bc-chat-avatar {
            grid-column: 2;
        }

        .bc-chat-bubble {
            background: rgba(18, 31, 53, .88);
            border: 1px solid rgba(148, 163, 184, .16);
            border-radius: 18px;
            padding: 11px 12px;
            min-width: 0;
        }

        .bc-chat-message.is-own .bc-chat-bubble {
            grid-column: 1;
            grid-row: 1;
            background: rgba(10, 55, 70, .72);
            border-color: rgba(34, 211, 238, .22);
        }

        .bc-chat-message.is-system .bc-chat-bubble,
        .bc-chat-message.is-stats .bc-chat-bubble {
            background: rgba(11, 54, 54, .72);
            border-color: rgba(45, 212, 191, .24);
        }

        .bc-chat-msg-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            color: #9fb4cf;
            font-size: 12px;
            font-weight: 900;
            margin-bottom: 6px;
        }

        .bc-chat-reply-context {
            margin: 0 0 8px;
            padding: 8px 10px;
            border-radius: 13px;
            border-left: 3px solid rgba(56, 189, 248, .78);
            background: rgba(2, 132, 199, .10);
            color: #cfe6ff;
            font-size: 12px;
            line-height: 1.35;
            overflow: hidden;
        }

        .bc-chat-message.is-own .bc-chat-reply-context {
            border-left-color: rgba(45, 212, 191, .82);
            background: rgba(20, 184, 166, .10);
        }

        .bc-chat-reply-context strong {
            display: block;
            color: #f3f8ff;
            font-size: 12px;
            margin-bottom: 2px;
        }

        .bc-chat-reply-context span {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            color: #9fb7d4;
        }

        .bc-chat-msg-text {
            color: #eaf3ff;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
            line-height: 1.45;
            font-size: 14px;
        }

        .bc-chat-msg-actions {
            display: flex;
            gap: 10px;
            margin-top: 8px;
        }

        .bc-chat-msg-actions button {
            border: 0;
            background: transparent;
            color: #82a6c9;
            font-size: 12px;
            font-weight: 900;
            padding: 0;
        }

        .bc-chat-reactions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            margin-top: 9px;
        }

        .bc-chat-reaction {
            border: 1px solid rgba(148, 163, 184, .16);
            background: rgba(15, 23, 42, .68);
            color: #dbeafe;
            min-height: 28px;
            border-radius: 999px;
            padding: 3px 8px;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 14px;
            font-weight: 900;
            line-height: 1;
        }

        .bc-chat-reaction.is-active {
            border-color: rgba(45, 212, 191, .72);
            background: rgba(20, 184, 166, .18);
            box-shadow: 0 0 14px rgba(45, 212, 191, .12);
        }

        .bc-chat-reaction-count {
            color: #a9bed8;
            font-size: 11px;
        }

        .bc-chat-reaction-add {
            opacity: .78;
        }

        .bc-chat-reaction:hover {
            transform: translateY(-1px);
            border-color: rgba(125, 211, 252, .48);
        }

        .bc-chat-compose {
            padding: 14px 18px 18px;
            border-top: 1px solid rgba(148, 163, 184, .16);
            background: rgba(5, 13, 28, .72);
        }

        .bc-chat-reply-preview {
            display: none;
            margin-bottom: 10px;
            padding: 10px 12px;
            border-radius: 16px;
            background:
                linear-gradient(135deg, rgba(34, 211, 238, .10), rgba(14, 165, 233, .06)),
                rgba(8, 20, 36, .88);
            border: 1px solid rgba(34, 211, 238, .28);
            color: #cfeaff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
        }

        .bc-chat-reply-preview.is-visible {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .bc-chat-reply-copy {
            min-width: 0;
            display: grid;
            gap: 2px;
        }

        .bc-chat-reply-label {
            color: #67e8f9;
            font-size: 10px;
            font-weight: 950;
            letter-spacing: .13em;
            text-transform: uppercase;
        }

        .bc-chat-reply-text {
            overflow: hidden;
            color: #e5f4ff;
            font-size: 13px;
            font-weight: 850;
            line-height: 1.25;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bc-chat-cancel-reply {
            flex: 0 0 auto;
            min-height: 32px;
            padding: 0 12px;
            border: 1px solid rgba(148, 163, 184, .24);
            border-radius: 999px;
            background: rgba(15, 23, 42, .78);
            color: #bcd0e8;
            font-size: 12px;
            font-weight: 900;
            letter-spacing: .02em;
            transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
        }

        .bc-chat-cancel-reply:hover {
            transform: translateY(-1px);
            border-color: rgba(248, 113, 113, .42);
            background: rgba(248, 113, 113, .12);
            color: var(--bc-color-negative-text);
        }

        .bc-chat-input-row {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 10px;
            align-items: end;
        }

        .bc-chat-input {
            width: 100%;
            min-height: 72px;
            max-height: 150px;
            resize: vertical;
            border-radius: 18px;
            border: 1px solid rgba(148, 163, 184, .22);
            background: rgba(15, 23, 42, .86);
            color: #f8fbff;
            padding: 12px 52px 12px 13px;
            outline: none;
        }

        .bc-chat-send {
            min-height: 48px;
            border: 0;
            border-radius: 16px;
            padding: 0 18px;
            background: linear-gradient(135deg, #2dd4bf, var(--bc-color-accent-bright));
            color: #04111f;
            font-weight: 950;
        }

        .bc-chat-compose-foot {
            margin-top: 7px;
            display: flex;
            justify-content: space-between;
            color: #7f99b8;
            font-size: 12px;
            font-weight: 800;
        }

        .bc-chat-error {
            color: var(--bc-color-negative-soft);
        }

        @media (max-width: 768px) {
            .bc-chat-drawer {
                width: 100%;
                height: 100dvh;
            }

            .match-card > .bc-match-chat-float {
                display: none;
            }

            .bc-v2-mobile-action-row .bc-chat-trigger {
                min-height: 42px;
                padding: 0 10px;
                border-radius: 12px;
                width: 100%;
                background: rgba(14, 44, 70, 0.48);
                border-color: rgba(80, 178, 231, 0.28);
                font-size: 13px;
                box-shadow: none;
            }

            .bc-v2-match-chat-btn {
                font-size: 12px;
                padding: 7px 10px;
            }

            .bc-chat-reply-preview.is-visible {
                align-items: stretch;
            }

            .bc-chat-cancel-reply {
                min-height: 34px;
            }
        }

        @media (max-width: 768px) {
            .bc-v2-grid,
            .bc-v2-workspace-shell,
            .bc-v2-workspace-shell:not(.bc-v2-view-grid),
            .bc-v2-workspace-shell.bc-v2-view-grid {
                display: flex;
                flex-direction: column;
                grid-template-columns: minmax(0, 1fr);
                width: 100%;
                min-width: 0;
                gap: 12px;
            }
            .bc-v2-pressure-grid,
            .bc-v2-pressure-grid.is-compact-density,
            .bc-v2-micro-kpis {
                grid-template-columns: minmax(0, 1fr);
            }
            .jl-radar-top {
                grid-template-columns: minmax(0, 1fr) auto;
            }
            .jl-radar-meta {
                grid-column: 1 / -1;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
            .bc-v2-pg-head {
                flex-wrap: wrap;
                align-items: flex-start;
            }
            .bc-v2-mobile-action-row {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .bc-v2-mobile-action,
            .bc-v2-mobile-tab,
            .bc-v2-mobile-action-row .bc-chat-trigger {
                min-height: 44px;
            }
            .filters-container {
                width: 100%;
                max-width: 100%;
            }
        }


/* ==========================================================================
   Touch and accessibility layer.

   This is a dense workspace: control sizes are deliberately compact for a
   precise pointer, so the 44px minimum is applied only under a coarse
   pointer rather than inflating every control on the desktop. Hover lifts
   are neutralised where hover is not real, because on a touch screen they
   stick after the tap.
   ========================================================================== */
@media (pointer: coarse) {
    .bc-v2-pg-rank-chip { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-chat-msg-actions button { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-demo-banner a { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-filter-active-pill { min-height: 44px; }
    .bc-v2-filter-segment .filter-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-preset-btn--promoted { min-height: 44px; }
    .filter-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .clear-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .auto-refresh-toggle { min-height: 44px; }
    .event-chip { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-alert-filter-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-alert-chip { min-height: 44px; }
    .betting-alert-content button { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-guide-pill { min-height: 44px; }
    .bc-v2-stats-pill { min-height: 44px; }
    /* .bet-button is a fixed square with a circular radius — a 44px floor
       turned it into an ellipse. It keeps its shape and an invisible
       ::after carries the touch target instead. */
    .bet-button { display: inline-flex; align-items: center; }
    /* No `position` here. These buttons are `position: absolute; top/right` card
       overlays, and the mobile action row neutralises that with `position: static`
       so they can sit in the grid. Setting `relative` re-activated those insets as
       relative offsets and shoved Save and Bet out of their grid cells.
       They are already absolute in the overlay context, so ::after anchors to them
       without any position override, and it is scoped away from the action row
       where the button is a full-width 44px cell that needs no expansion. */
    .bet-button:not(.bc-v2-mobile-action)::after { content: ""; position: absolute; inset: -8px; }
    /* Square icon button: a 44px floor stretched it into a tall
       rectangle. It keeps its shape; the ::after carries the target. */
    .match-favorite-btn:not(.bc-v2-mobile-action)::after { content: ""; position: absolute; inset: -8px; }
    .confirmation-btn { display: inline-flex; align-items: center; min-height: 44px; }
    #midRangeBtn { display: inline-flex; align-items: center; min-height: 44px; }
    #lateRangeBtn { display: inline-flex; align-items: center; min-height: 44px; }
    .opp-info-btn { min-height: 44px; }
    .bc-v2-preset-btn--advanced { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-pg-focus-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-grid-density-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-view-grid .bc-v2-context-action { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-context-action { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-pg-controls .match-favorite-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-match-actions .match-favorite-btn { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-match-actions .bc-chat-trigger { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-match-actions .bet-button { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-context-pill { min-height: 44px; }
    .bc-v2-view-grid .bc-v2-pg-controls .bc-v2-grid-favorite-btn { min-height: 44px; }
    .bc-v2-mobile-action { min-height: 44px; }
    .bc-v2-mobile-tab { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-v2-match-chat-btn { display: inline-flex; align-items: center; min-height: 44px; }
    /* Square icon button: a 44px floor stretched it into a tall
       rectangle. It keeps its shape; the ::after carries the target. */
    .bc-chat-close { display: inline-flex; align-items: center; position: relative; }
    .bc-chat-close::after { content: ""; position: absolute; inset: -8px; }
    /* .bc-chat-nudge button is a fixed square with a circular radius — a 44px floor
       turned it into an ellipse. It keeps its shape and an invisible
       ::after carries the touch target instead. */
    .bc-chat-nudge button { display: inline-flex; align-items: center; position: relative; }
    .bc-chat-nudge button::after { content: ""; position: absolute; inset: -8px; }
    /* Square icon button: a 44px floor stretched it into a tall
       rectangle. It keeps its shape; the ::after carries the target. */
    /* Also absolute (right/bottom); no position override for the same reason. */
    .bc-chat-emoji-toggle::after { content: ""; position: absolute; inset: -8px; }
    .bc-chat-emoji-picker button { display: inline-flex; align-items: center; min-height: 44px; }
    .bc-chat-reaction { min-height: 44px; }
    .bc-v2-mobile-action-row .bc-chat-trigger { display: inline-flex; align-items: center; min-height: 44px; }
}

@media (hover: none) {
    .betting-alert-content button:hover,
    .bet-button:hover,
    .match-favorite-btn:hover,
    .confirmation-btn.confirm:hover,
    .confirmation-btn.cancel:hover,
    .bet-type-btn[data-type="over"]:hover,
    .bet-type-btn[data-type="under"]:hover,
    .top-button:hover,
    .bc-v2-match-item:hover,
    .bc-v2-pressure-card:hover,
    .bc-chat-trigger:hover,
    .bc-chat-reaction:hover,
    .bc-chat-cancel-reply:hover {
        transform: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .filters-container,
    .momentum-indicator,
    .goal-flash,
    .probability-badge {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--bc-color-canvas-raised);
    }
}

@media (prefers-contrast: more) {
    #lateRangeBtn,
    #midRangeBtn,
    .auto-refresh-toggle,
    .bc-alert-chip,
    .bc-alert-filter-btn,
    .bc-chat-close,
    .bc-chat-emoji-picker button,
    .bc-chat-emoji-toggle,
    .bc-chat-nudge button,
    .bc-chat-reaction,
    .bc-v2-context-action,
    .bc-v2-context-pill,
    .bc-v2-filter-active-pill,
    .bc-v2-filter-segment .filter-btn {
        border-color: var(--bc-color-line-loud);
    }
}