/* LiveScore homepage preview. Keep theme typography and Bridge color tokens. */
body .enosi-bridge--live-scores-slider[hidden] {
    display:none !important;
}
body .enosi-bridge--live-scores-slider {
    width:100%;
    max-width:none;
    color:var(--enosi-ui-ink);
    background:transparent;
}
body .enosi-bridge--live-scores-slider * {
    box-sizing:border-box;
}
body .enosi-bridge-live-slider__header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:20px;
}
body .enosi-bridge-live-slider__eyebrow {
    display:block;
    color:var(--enosi-ui-muted);
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
body .enosi-bridge-live-slider__title {
    margin:4px 0 0;
    color:var(--enosi-ui-ink);
    font-family:inherit;
    font-size:clamp(26px,3vw,36px);
    font-weight:750;
    line-height:1.2;
    letter-spacing:-.035em;
}
body .enosi-bridge-live-slider__all {
    color:var(--enosi-ui-link);
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}
body .enosi-bridge-live-slider__all:hover {
    text-decoration:underline;
    text-underline-offset:4px;
}
body .enosi-bridge-live-slider__viewport {
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px 2px 12px;
}
body .enosi-bridge-live-slider__viewport::-webkit-scrollbar {
    display:none;
}
body .enosi-bridge-live-slider__track {
    display:flex;
    align-items:stretch;
    gap:16px;
}
body .enosi-bridge-live-slider__game {
    display:grid;
    grid-template-rows:auto 1fr auto;
    flex:0 0 calc((100% - 32px)/3);
    min-width:0;
    gap:24px;
    padding:20px;
    border:1px solid var(--enosi-ui-border);
    border-radius:16px;
    background:var(--enosi-ui-surface);
    color:var(--enosi-ui-ink);
    text-decoration:none;
    scroll-snap-align:start;
    transition:border-color .18s ease,box-shadow .18s ease;
}
body a.enosi-bridge-live-slider__game:hover {
    color:var(--enosi-ui-ink);
    background:var(--enosi-ui-surface);
    border-color:var(--enosi-ui-border-strong);
    box-shadow:0 4px 14px rgb(0 0 0 / 5%);
    text-decoration:none;
}
body .enosi-bridge-live-slider__game-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
body .enosi-bridge-live-slider__league {
    min-width:0;
    color:var(--enosi-ui-muted);
    font-size:11px;
    font-weight:650;
    line-height:1.4;
}
body .enosi-bridge-live-slider__badge {
    flex-shrink:0;
    padding:5px 8px;
    border-radius:6px;
    background:var(--enosi-ui-surface-soft);
    color:var(--enosi-ui-muted);
    font-size:11px;
    font-weight:750;
}
body .enosi-bridge-live-slider__badge.is-live {
    color:var(--enosi-ui-live);
    background:color-mix(in srgb,var(--enosi-ui-live) 9%,var(--enosi-ui-surface));
}
body .enosi-bridge-live-slider__badge.is-live::before {
    display:inline-block;
    width:5px;
    height:5px;
    margin-right:5px;
    border-radius:50%;
    background:currentColor;
    content:'';
    vertical-align:middle;
}
body .enosi-bridge-live-slider__fixture {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-height:96px;
}
body .enosi-bridge-live-slider__team {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    align-self:start;
    min-width:0;
    gap:10px;
    color:var(--enosi-ui-ink);
    font-size:12px;
    font-weight:700;
    line-height:1.4;
    text-align:center;
    overflow-wrap:anywhere;
}
body .enosi-bridge-live-slider__team img {
    display:block;
    width:44px;
    height:44px;
    object-fit:contain;
}
body .enosi-bridge-live-slider__team:not(:has(img))::before {
    display:block;
    width:44px;
    height:44px;
    border:1px solid var(--enosi-ui-border);
    border-radius:50%;
    background:var(--enosi-ui-surface-soft);
    content:'';
}
body .enosi-bridge-live-slider__score {
    align-self:center;
    color:var(--enosi-ui-ink);
    font-size:30px;
    font-weight:800;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.04em;
    line-height:1.1;
    white-space:nowrap;
    text-align:center;
}
body .enosi-bridge-live-slider__score small {
    display:block;
    margin-top:6px;
    color:var(--enosi-ui-muted);
    font-size:10px;
    font-weight:600;
    letter-spacing:0;
}
body .enosi-bridge-live-slider__game-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:14px;
    border-top:1px solid var(--enosi-ui-border);
    color:var(--enosi-ui-muted);
    font-size:10px;
    line-height:1.5;
}
body .enosi-bridge-live-slider__game-bottom > :first-child {
    min-width:0;
    overflow-wrap:anywhere;
}
body .enosi-bridge-live-slider__game-bottom > :last-child {
    flex-shrink:0;
    color:var(--enosi-ui-link);
    font-weight:700;
}
body .enosi-bridge-live-slider__footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:4px;
}
body .enosi-bridge-live-slider__status,body .enosi-bridge-live-slider__setup {
    margin:0;
    color:var(--enosi-ui-muted);
    font-size:11px;
}
body .enosi-bridge-live-slider__setup {
    margin-top:12px;
}
body .enosi-bridge-live-slider__controls {
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--enosi-ui-muted);
    font-size:11px;
    font-variant-numeric:tabular-nums;
}
body .enosi-bridge.enosi-bridge--live-scores-slider .enosi-bridge-live-slider__controls button {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    border:1px solid var(--enosi-ui-border);
    border-radius:50%;
    background:var(--enosi-ui-surface);
    color:var(--enosi-ui-ink);
    cursor:pointer;
    font:inherit;
    font-size:18px;
}
body .enosi-bridge.enosi-bridge--live-scores-slider .enosi-bridge-live-slider__controls button:not(:disabled):hover {
    background:var(--enosi-ui-surface-soft);
    border-color:var(--enosi-ui-border-strong);
}
body .enosi-bridge-live-slider__controls button:disabled {
    opacity:.35;
    cursor:default;
}
body .enosi-bridge-live-slider__empty {
    flex:1 0 100%;
    margin:0;
    padding:32px 20px;
    border:1px dashed var(--enosi-ui-border);
    border-radius:16px;
    background:var(--enosi-ui-surface);
    color:var(--enosi-ui-muted);
    font-size:14px;
    line-height:1.6;
    text-align:center;
}
body .enosi-bridge-live-slider__empty a {
    color:var(--enosi-ui-link);
    font-weight:700;
}
body .enosi-bridge--live-scores-slider :is(a,button,[tabindex]):focus-visible {
    outline:2px solid var(--enosi-ui-accent);
    outline-offset:2px;
}
@media(max-width:980px) {
    body .enosi-bridge-live-slider__game {
    flex-basis:calc((100% - 16px)/2);
}
}
@media(max-width:640px) {
    body .enosi-bridge-live-slider__game {
    flex-basis:90%;
    padding:16px;
} body .enosi-bridge-live-slider__header {
    gap:10px;
} body .enosi-bridge-live-slider__all {
    font-size:12px;
    white-space:normal;
    text-align:right;
} body .enosi-bridge-live-slider__score {
    font-size:26px;
}
}
@media(prefers-reduced-motion:reduce) {
    body .enosi-bridge-live-slider__game {
    transition:none;
}
}

@media(max-width:360px) {
 body .enosi-bridge-live-slider__fixture {
    grid-template-columns:repeat(2,minmax(0,1fr));
}
 body .enosi-bridge-live-slider__team {
    grid-row:1;
}
 body .enosi-bridge-live-slider__score {
    grid-column:1 / -1;
    grid-row:2;
}
 body .enosi-bridge-live-slider__game-bottom {
    flex-wrap:wrap;
    gap:6px;
}
}

/* Sports scoreboard skin. Colors remain configurable through Bridge tokens. */
body .enosi-bridge--live-scores-slider {
    padding:24px;
    border-radius:16px;
    background:var(--enosi-ui-slider-background);
    color:var(--enosi-ui-slider-text);
}
body .enosi-bridge--live-scores-slider :is(.enosi-bridge-live-slider__title,.enosi-bridge-live-slider__all,.enosi-bridge-live-slider__team,.enosi-bridge-live-slider__score) {
    color:var(--enosi-ui-slider-text);
}
body .enosi-bridge--live-scores-slider :is(.enosi-bridge-live-slider__eyebrow,.enosi-bridge-live-slider__league,.enosi-bridge-live-slider__status,.enosi-bridge-live-slider__setup,.enosi-bridge-live-slider__score small,.enosi-bridge-live-slider__controls) {
    color:color-mix(in srgb,var(--enosi-ui-slider-text) 72%,transparent);
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__game {
    padding:20px;
    border:1px solid color-mix(in srgb,var(--enosi-ui-slider-text) 20%,transparent);
    border-radius:10px;
    background:transparent;
    color:var(--enosi-ui-slider-text);
    gap:20px;
}
body .enosi-bridge--live-scores-slider a.enosi-bridge-live-slider__game:hover {
    border-color:color-mix(in srgb,var(--enosi-ui-slider-text) 50%,transparent);
    background:color-mix(in srgb,var(--enosi-ui-slider-text) 5%,transparent);
    box-shadow:none;
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__game-top {
    flex-direction:column;
    align-items:center;
    gap:12px;
    text-align:center;
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__badge {
    padding:6px 12px;
    border-radius:20px;
    background:color-mix(in srgb,var(--enosi-ui-slider-text) 15%,transparent);
    color:var(--enosi-ui-slider-text);
    font-size:12px;
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__badge.is-live {
    background:var(--enosi-ui-live);
    color:#fff;
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__team img {
    width:56px;
    height:56px;
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__team:not(:has(img))::before {
    width:48px;
    height:56px;
    border-radius:8px 8px 20px 20px;
    border-color:color-mix(in srgb,var(--enosi-ui-slider-text) 25%,transparent);
    background:color-mix(in srgb,var(--enosi-ui-slider-text) 7%,transparent);
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__game-bottom {
    flex-direction:column;
    justify-content:center;
    gap:6px;
    border-color:color-mix(in srgb,var(--enosi-ui-slider-text) 15%,transparent);
    color:color-mix(in srgb,var(--enosi-ui-slider-text) 72%,transparent);
    font-size:11px;
    text-align:center;
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__game-bottom > :last-child {
    color:var(--enosi-ui-slider-text);
}
body .enosi-bridge.enosi-bridge--live-scores-slider .enosi-bridge-live-slider__controls button {
    border-color:color-mix(in srgb,var(--enosi-ui-slider-text) 35%,transparent);
    background:transparent;
    color:var(--enosi-ui-slider-text);
}
body .enosi-bridge.enosi-bridge--live-scores-slider .enosi-bridge-live-slider__controls button:not(:disabled):hover {
    border-color:var(--enosi-ui-slider-text);
    background:color-mix(in srgb,var(--enosi-ui-slider-text) 10%,transparent);
    color:var(--enosi-ui-slider-text);
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__empty {
    border-color:color-mix(in srgb,var(--enosi-ui-slider-text) 25%,transparent);
    background:transparent;
    color:var(--enosi-ui-slider-text);
}
body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__empty a { color:var(--enosi-ui-slider-text); }
body .enosi-bridge--live-scores-slider :is(a,button,[tabindex]):focus-visible { outline-color:var(--enosi-ui-slider-text); }
@media(max-width:640px) {
    body .enosi-bridge--live-scores-slider { padding:16px; }
    body .enosi-bridge--live-scores-slider .enosi-bridge-live-slider__game { padding:16px; }
}