.gdc-scores {
    --gdc-bg: #111111;
    --gdc-card: #191919;
    --gdc-border: rgba(255,255,255,.10);
    --gdc-text: #ffffff;
    --gdc-muted: #b8b8b8;
    --gdc-red: #d92027;
    display: grid;
    grid-template-columns: auto 34px minmax(0, 1fr) 34px;
    align-items: stretch;
    width: 100%;
    min-height: 64px;
    overflow: hidden;
    background: var(--gdc-bg);
    color: var(--gdc-text);
    border-top: 1px solid var(--gdc-border);
    border-bottom: 1px solid var(--gdc-border);
    font-family: inherit;
    box-sizing: border-box;
}

.gdc-scores *, .gdc-scores *::before, .gdc-scores *::after { box-sizing: border-box; }

.gdc-scores__brand {
    min-width: 132px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #0b0b0b;
    border-right: 1px solid var(--gdc-border);
    line-height: 1.05;
    white-space: nowrap;
}

.gdc-scores__brand-mark {
    color: var(--gdc-red);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
}

.gdc-scores__brand-label {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
}

.gdc-scores__track {
    display: flex;
    gap: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

.gdc-scores__track::-webkit-scrollbar { display: none; }

/* Flex-sizing and scroll-snap live on both selectors: .gdc-score-card is the
   direct flex child when no link is rendered (CFB Scores plugin inactive),
   and .gdc-score-card-link is the direct flex child when a link wraps it. */
.gdc-score-card,
.gdc-score-card-link {
    flex: 0 0 236px;
    min-width: 0;
    scroll-snap-align: start;
}

.gdc-score-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.gdc-score-card-link:hover .gdc-score-card,
.gdc-score-card-link:focus-visible .gdc-score-card {
    background: #202020;
}

.gdc-score-card-link:focus-visible {
    outline: 2px solid var(--gdc-red);
    outline-offset: -2px;
}

.gdc-score-card {
    padding: 8px 14px 7px;
    background: var(--gdc-card);
    border-right: 1px solid var(--gdc-border);
}

.gdc-score-card__teams { display: grid; gap: 1px; }

.gdc-score-team {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
    line-height: 1.1;
}

.gdc-score-team__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 750;
    color: var(--gdc-text);
}

.gdc-score-team__score {
    min-width: 24px;
    text-align: right;
    font-size: 15px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.gdc-score-card__meta {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    margin-top: 5px;
    color: var(--gdc-muted);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
}

.gdc-score-card__status,
.gdc-score-card__tv {
    overflow: hidden;
    text-overflow: ellipsis;
}

.gdc-score-card__live {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #ff4b50;
    font-weight: 900;
}

.gdc-score-card__live-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--gdc-red);
    box-shadow: 0 0 0 3px rgba(217,32,39,.15);
    animation: gdc-live-pulse 1.8s ease-in-out infinite;
}

@keyframes gdc-live-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .45; }
}

.gdc-scores__nav {
    appearance: none;
    border: 0;
    border-right: 1px solid var(--gdc-border);
    background: #141414;
    color: #fff;
    font: inherit;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    transition: background .15s ease;
}

.gdc-scores__nav--next {
    border-right: 0;
    border-left: 1px solid var(--gdc-border);
}

.gdc-scores__nav:hover,
.gdc-scores__nav:focus-visible { background: #242424; outline: none; }
.gdc-scores__nav:disabled { opacity: .25; cursor: default; }

.gdc-scores-admin-error {
    padding: 10px 14px;
    border-left: 4px solid #d63638;
    background: #fff;
    color: #1d2327;
    font-size: 13px;
}

@media (max-width: 700px) {
    .gdc-scores {
        grid-template-columns: 92px minmax(0, 1fr);
        min-height: 60px;
    }

    .gdc-scores__brand {
        min-width: 0;
        padding: 0 10px;
    }

    .gdc-scores__brand-mark { font-size: 10px; }
    .gdc-scores__brand-label { font-size: 10px; letter-spacing: .03em; }
    .gdc-scores__nav { display: none; }
    .gdc-score-card,
    .gdc-score-card-link { flex-basis: 216px; }
    .gdc-score-card { padding-left: 12px; padding-right: 12px; }
    .gdc-score-team__name { font-size: 12px; }
    .gdc-score-team__score { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .gdc-scores__track { scroll-behavior: auto; }
    .gdc-score-card__live-dot { animation: none; }
}