/* Compact, accessible scoreboard layout */
:root { --score-surface:#ffffff; --score-line:rgba(60,90,125,.16); --score-accent:#007b60; }
.hero { padding:28px 0 26px!important; }
.hero-content { text-align:left!important; max-width:100%!important; }
.hero-title { font-size:clamp(24px,3.5vw,38px)!important; line-height:1.2!important; margin:10px 0!important; }
.hero-subtitle { font-size:14px!important; margin:8px 0!important; }
.hero-sports-strip,.hero-cta { display:none!important; }
.hero-badge { font-size:11px!important; }
.main-content { padding-top:20px!important; }
.home-dashboard { display:grid!important; grid-template-columns:minmax(0,1fr) 260px!important; gap:20px!important; }
.home-feed-header { flex-wrap:wrap; gap:10px; padding:16px!important; }
.home-feed-header h2 { font-size:20px!important; }
.home-chat-embed { height:430px!important; min-width:0; position:sticky; top:90px; }
.content-main,.home-sports-feed { min-width:0; }
.score-summary { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px; }
.score-summary div { border:1px solid var(--score-line);background:var(--score-surface);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px; }
.score-summary b { font-size:26px;font-variant-numeric:tabular-nums;color:#172b45; }
.score-summary span { font-size:12px;color:#617895; }
.score-summary div:nth-child(2) b { color:var(--score-accent); }
.score-toolbar { padding:16px;border-bottom:1px solid var(--score-line); }
.score-date-row,.score-filter-row,.score-region-tabs,.score-status-tabs { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.score-date-row { margin-bottom:14px; }
.score-region-tabs { margin-bottom:12px; }
.score-quick-leagues,.score-favorite-teams { display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px; }
.score-favorite-teams:empty { display:none; }
.score-quick-leagues { padding-top:2px; }
.score-follow { min-height:44px;padding:8px 12px;border:1px solid #a4cdbd;border-radius:8px;background:#fff;color:#007b60;font:inherit;cursor:pointer; }
.score-follow[aria-pressed=true] { background:#def5eb; }
.score-no-chat .home-chat-embed,.score-no-chat #liveChatPanel,.score-no-chat #gdChatSection { display:none!important; }
.score-no-chat .home-dashboard { grid-template-columns:minmax(0,1fr)!important; }
.score-detail-actions { display:flex;gap:8px;flex-wrap:wrap;margin:14px 0; }
.score-nav-item { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;background:transparent;border:0;color:#62748b;font:inherit;font-size:11px;cursor:pointer; }
.score-nav-item>span:first-child { font-size:21px; }
.score-nav-item.active { color:#007b60;font-weight:700; }
.score-date-label { display:flex;align-items:center;gap:10px;font-size:12px;color:#526982; }
.score-date-label input,.score-search input { font:inherit;color:#172b45;background:transparent;border:0;outline:none;min-width:0; }
.score-date-label input { color-scheme:light; font-size:15px; }
.score-timezone { margin-left:auto;font-size:11px;color:#617895; }
.score-icon-button,.score-chip,.score-star { cursor:pointer;font:inherit;background:transparent;color:#536b86;border:1px solid var(--score-line);border-radius:8px; }
.score-icon-button { width:34px;height:34px;font-size:24px;line-height:1; }
.score-chip { padding:7px 12px;font-size:12px;white-space:nowrap; }
.score-chip:hover { background:#e8eef5; }
.score-chip.active { background:#def5eb;color:#006d53;border-color:#74bc9e; }
.score-search { display:flex;align-items:center;gap:8px;flex:1;min-width:160px;padding:8px 12px;border:1px solid var(--score-line);border-radius:8px; }
.score-search input { width:100%;font-size:12px; }
.score-source-status { padding:10px 16px;font-size:11px;color:#557691;border-bottom:1px solid var(--score-line); }
.score-notice { padding:12px 16px;margin:10px 16px;border:1px solid #785d36;background:#332b20;border-radius:8px;color:#ebcf9c;font-size:12px;line-height:1.7; }
.score-notice button { margin-top:6px;color:#f4dab0; }
.score-league { border-bottom:1px solid var(--score-line); }
.score-league-heading { display:flex;align-items:center;gap:10px;justify-content:space-between;background:#e7edf5;padding:13px 16px; }
.score-league-heading h3 { font-size:13px;margin:0; }
.score-league-heading>span { font-size:10px;color:#59718c;text-align:right; }
.score-row { display:flex;align-items:center;min-height:78px;padding:0 12px;border-top:1px solid rgba(60,90,125,.10); }
.score-row:hover { background:rgba(70,224,180,.04); }
.score-row.is-live { border-left:2px solid var(--score-accent); }
.score-star { border:0;font-size:22px;width:32px;padding:12px 0;color:#647e9e;flex-shrink:0; }
.score-star[aria-pressed=true] { color:#b97706; }
.score-match-button { display:grid;grid-template-columns:82px minmax(0,1fr) 66px;align-items:center;gap:10px;background:none;border:0;color:inherit;text-align:left;font:inherit;width:100%;cursor:pointer;padding:12px 6px; }
.score-state { font-size:11px;color:#576e88;font-variant-numeric:tabular-nums; }
.score-state.state-live { color:var(--score-accent);font-weight:700; }
.score-state.state-cancelled,.score-state.state-postponed { color:#986212; }
.score-team-pair { display:flex;flex-direction:column;gap:8px;min-width:0; }
.score-team { display:flex;align-items:center;gap:9px;font-size:13px; }
.score-team img { width:21px;height:21px;object-fit:contain;flex-shrink:0; }
.score-team>span { overflow-wrap:anywhere; }
.score-team b { font-size:17px;margin-left:auto;min-width:24px;text-align:right;font-variant-numeric:tabular-nums;color:#152238; }
.score-row-meta { font-size:10px;text-align:right;color:#617895; }
.score-empty { padding:48px 20px;text-align:center;color:#425a77; }
.score-empty strong { font-size:15px; }
.score-empty p { font-size:12px;margin-top:10px;line-height:1.7;color:#627997; }
.score-detail { padding:24px;line-height:1.8; }
.score-detail p { color:#576d89;font-size:14px; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid var(--score-accent)!important;outline-offset:3px; }
.refreshing i { animation:score-spin 1s linear infinite; }
@keyframes score-spin { to { transform:rotate(360deg); } }
@media(max-width:1200px) { .home-dashboard { grid-template-columns:minmax(0,1fr)!important; } .home-chat-embed { display:none; } }
@media(max-width:768px) {
    .mobile-nav { background:#fff!important;border-top:1px solid var(--score-line);padding-bottom:env(safe-area-inset-bottom); }
    .score-chip,.score-star,.score-icon-button { min-height:44px; }
    .score-icon-button { min-width:44px; }
    .score-date-label { flex:1; }.score-date-label input { width:125px; }
    .score-quick-leagues { flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px; }.score-quick-leagues .score-chip { flex-shrink:0; }
    .score-status-tabs { width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px; }
    .hero { padding:18px 0!important; }.hero-subtitle { font-size:12px!important; }
    .score-summary { gap:8px; }.score-summary div { padding:10px;gap:7px; }.score-summary b { font-size:22px; }.score-summary span { font-size:10px; }
    .score-toolbar { padding:12px; }.score-timezone { width:100%;margin:0; }
    .score-filter-row { gap:12px; }.score-search { flex-basis:100%; }.score-status-tabs { gap:5px; }
    .score-chip { padding:7px 9px;font-size:11px; }.score-date-label { gap:6px;font-size:11px; }
    .score-match-button { grid-template-columns:63px minmax(0,1fr);gap:8px; }.score-row-meta { display:none; }
    .score-row { padding:0 8px; }.score-league-heading { padding:12px; }.score-league-heading>span { max-width:52%; }
    .header .nav { overflow-x:auto; }.header-actions .ccu-display { display:none!important; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important; } }

body.view-home .hero { display:block!important;background:#eaf1f8; }
body.view-home .sport-tabs { display:flex!important; margin-bottom:16px; overflow-x:auto; flex-wrap:nowrap; }
body.view-home .hero-bg-layer { display:none; }
.hero .hero-title { color:#142940; }
.hero .hero-title-accent { background:none!important;color:#007b60;-webkit-text-fill-color:currentColor; }
.hero .hero-subtitle { color:#58718c; }
.hero .hero-badge { color:#007b60;background:#d9f3e8;border-color:#95d4bb; }
.home-sports-feed { background:#fff;border:1px solid var(--score-line);border-radius:14px;overflow:hidden; }
.score-state.state-cancelled { color:#9b5d1b; }
@media(max-width:768px) { .header .logo span { display:inline!important;font-size:18px; } .main-content { padding-bottom:90px!important; } .hero .hero-sports-strip { display:none!important; } }

body.view-home .hero { min-height:0!important;height:auto!important; }
.hero-title { text-shadow:none!important; }
body.view-home .sport-tab.active { background:#007b60!important; }
@media(min-width:769px) { .hero-title { font-size:28px!important; } }

.score-detail-table{overflow-x:auto;max-width:100%;margin:16px 0}.score-detail-table table{border-collapse:collapse;min-width:100%;font-size:14px}.score-detail-table th,.score-detail-table td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:center;white-space:nowrap}.score-detail-table th:first-child{text-align:left}.score-warning{padding:12px;background:#fff3cd;color:#654b00;border-radius:8px}.gd-team .score-follow{display:block;margin:10px auto}.score-detail{min-width:0}@media(max-width:600px){.gd-team{font-size:14px!important}.gd-score{font-size:28px!important}.game-detail-scoreboard{gap:8px!important}}

/* Match-first home: controls and games occupy the first screen. */
.home-feed-header{display:none!important}.header-actions .status-text{display:none}
@media(min-width:769px){.score-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px;align-items:center}.score-date-row{grid-column:1;grid-row:1;margin:0!important}.score-quick-leagues{grid-column:2;grid-row:1;margin:0!important}.score-filter-row{grid-column:1;grid-row:2;min-width:0}.score-extra-filters{grid-column:2;grid-row:2;margin:0!important}.score-favorite-teams{grid-column:1/-1;grid-row:3}.score-favorite-teams:empty{display:none}}
.hero,.score-summary,#apiBanner,#pwaInstallBar{display:none!important}
.header-content{height:54px!important}.header-actions #notifBellBtn,.header-actions .admin-dashboard-btn{display:none!important}
.score-desktop-nav{gap:6px}.score-desktop-nav .score-nav-item{min-height:40px;flex:0 0 auto;white-space:nowrap;flex-direction:row;padding:6px 16px;font-size:13px;border-radius:8px}.score-desktop-nav .active{background:#def5eb}
.main-content{padding-top:12px!important}.home-feed-header{padding:6px 12px!important;min-height:32px;margin-bottom:0!important;justify-content:flex-end}.home-feed-meta{font-size:10px;gap:8px}.home-feed-meta .btn-refresh{width:32px;height:32px;padding:4px}
body.view-home .sport-tabs{margin-bottom:8px!important;padding-bottom:0;gap:4px}.sport-tab{min-height:44px!important;padding:7px 12px!important;min-width:60px!important;flex-direction:row!important;gap:5px!important;border-radius:8px!important}.sport-tab span:first-child{font-size:16px!important}.sport-tab span:last-child{font-size:12px!important}
.score-toolbar{padding:8px 12px!important}.score-date-row{margin-bottom:6px;flex-wrap:nowrap;gap:5px}.score-timezone{width:auto!important;margin-left:auto!important;white-space:nowrap}.score-date-label input{width:130px}.score-quick-leagues{margin-bottom:6px;flex-wrap:nowrap;overflow-x:auto}.score-filter-row{gap:0}.score-status-tabs{gap:5px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:0}.score-favorite-teams{margin-bottom:6px}.score-chip{min-height:40px;padding:6px 10px}.score-quick-leagues .score-chip,.score-status-tabs .score-chip{flex-shrink:0}.score-date-row .score-chip{min-height:44px}
.score-extra-filters{margin-top:6px}.score-extra-filters summary{cursor:pointer;font-size:11px;color:#617895;padding:6px 0;width:fit-content}.score-extra-content{display:flex;align-items:center;gap:12px;padding:8px 0 2px;flex-wrap:wrap}.score-region-tabs{margin:0!important}.score-search{margin:0;min-height:44px;box-sizing:border-box}
.score-source-status{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.score-notice{padding:7px 10px;margin:6px 12px;font-size:11px;background:#fff6df;border-color:#ecd8ab;color:#73541c;line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:8px}.score-notice[hidden]{display:none!important}.score-notice br{display:none}.score-notice button{margin:0;color:#73541c;min-height:32px;padding:3px 8px;flex-shrink:0}
.score-league-heading{padding:8px 12px}.score-row{min-height:68px}.score-match-button{padding:8px 6px}.score-team-pair{gap:5px}.score-team{font-size:13px}.score-footer{margin-top:16px!important;padding:16px 0!important;background:transparent!important;border-top:1px solid #e2e8f0}.score-footer .container{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:10px;color:#718096}.score-footer a{color:inherit}
@media(max-width:768px){.score-desktop-nav{display:none!important}.header-content{height:50px!important}.main-content{padding-top:8px!important;padding-bottom:72px!important}.home-feed-header{display:none!important}.score-toolbar{padding:8px!important}.sport-tab{min-width:58px!important;padding:7px 9px!important}.score-date-row .score-icon-button{min-width:36px;width:36px}.score-date-label{flex:none}.score-date-label input{width:125px;font-size:13px}.score-timezone{font-size:9px}.score-date-row{gap:4px}.score-date-row .score-chip{padding:5px 8px}.score-extra-content .score-search{flex-basis:100%}.score-status-tabs{width:100%}.score-match-button{grid-template-columns:56px minmax(0,1fr);gap:6px}.score-row{padding:0 5px}.score-star{width:26px;font-size:20px}.mobile-nav{padding-top:0.25rem!important;padding-bottom:max(0.25rem,env(safe-area-inset-bottom))!important}.score-nav-item{min-height:48px}.score-nav-item>span:first-child{font-size:18px}.score-league-heading>span{font-size:9px}.score-notice{margin:6px 8px}.score-footer{padding-bottom:30px!important}}

.ou-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;align-items:start}.ou-card{padding:20px;background:#fff;border:1px solid #dce5ee;border-radius:12px;min-width:0}.ou-card label{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;font-size:12px;color:#415773;margin-bottom:14px}.ou-card input,.ou-card select{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #c8d4e0;border-radius:8px;font:inherit;font-size:15px;background:#fff;color:#172b45}.ou-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ou-match-name:empty{display:none}.ou-match-name{font-size:13px;margin-bottom:12px}.ou-hint{font-size:11px;line-height:1.6;color:#718399;margin:0 0 14px}.ou-error{font-size:12px;color:#b93c36}.ou-error:empty{display:none}.ou-submit{width:100%;min-height:44px}.ou-result[hidden]{display:none!important}.ou-comparison{display:block;font-size:20px;color:#506985;margin-bottom:20px}.ou-comparison[data-result=over]{color:#007b60}.ou-comparison[data-result=under]{color:#486eb0}.ou-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ou-values span{display:block;font-size:11px;color:#718399}.ou-values b{display:block;font-size:28px;font-variant-numeric:tabular-nums;margin-top:8px}.ou-result dl{margin-top:22px}.ou-result dl>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e2e8f0;font-size:12px}.ou-result dd{margin:0;font-weight:700;white-space:nowrap}.sidebar{display:none!important}.content-wrapper{grid-template-columns:1fr!important}@media(max-width:768px){.ou-layout{grid-template-columns:1fr;gap:12px}.ou-card{padding:16px}.ou-values b{font-size:24px}.score-nav-item{min-width:0;flex-basis:20%;font-size:10px}.section-title{font-size:20px!important}}

/* Keep each menu label intact at every width. */
@media(min-width:769px){.mobile-nav{display:none!important}}
.header .score-desktop-nav{display:flex;flex:0 1 auto;gap:6px;min-width:0;overflow-x:auto;max-width:100%}.header .score-desktop-nav .score-nav-item{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;white-space:nowrap!important;word-break:keep-all!important;line-height:1.4;text-decoration:none;box-sizing:border-box}.mobile-nav .score-nav-item{white-space:nowrap!important;word-break:keep-all!important;text-decoration:none}.mobile-nav .score-nav-item span{white-space:nowrap!important}@media(max-width:768px){.header .score-desktop-nav{display:none!important}}

.score-results-tools{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#526982;font-size:12px;margin-top:6px}.score-results-tools button{min-width:80px;min-height:40px}.score-active-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.score-active-filters[hidden]{display:none}.score-active-filters .score-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}.score-chip:disabled{cursor:wait;opacity:.65}.score-empty .score-chip{margin-top:10px}@media(max-width:768px){.score-active-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.score-active-filters .score-chip{flex:0 0 auto;max-width:240px;min-height:44px}}