.round-page { --bg:#0c1421; --text:#e7edf6; --text-dim:#9baac0; --panel:#131f30; --panel-border:#29394e; --accent:#80ddbb; background:#0c1421; color:var(--text); font-family:Arial,Helvetica,sans-serif; margin:0; }
.round-page * { box-sizing:border-box; }
.round-page a { color:inherit; }
.round-topbar { height:72px; padding:0 max(24px,calc((100vw - 1160px)/2)); border-bottom:1px solid #243045; background:#101a29; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.round-brand { font-size:1.1rem; font-weight:700; letter-spacing:-.03em; text-decoration:none; white-space:nowrap; }
.round-brand>span { color:#80ddbb; font-size:1.4rem; vertical-align:-1px; margin-right:6px; }
.round-topbar>div { display:flex; align-items:center; gap:22px; }.round-topbar>div>a { text-decoration:none; font-size:.78rem; color:#bbc7d8; }
.round-preview { color:#8eaa9f; background:#1b302d; font-size:.58rem; letter-spacing:.12em; padding:5px 8px; border-radius:4px; }
.round-leagues { display:flex; justify-content:center; gap:30px; border-bottom:1px solid #243045; background:#0f1928; overflow:auto; }
.round-leagues a { color:#96a7be; font-size:.82rem; text-decoration:none; white-space:nowrap; padding:17px 8px 15px; border-bottom:2px solid transparent; }
.round-leagues a[aria-current] { color:#a9f1d5; border-color:#80ddbb; }
.round-main { max-width:1160px; margin:auto; padding:34px 24px 26px; }
.round-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; }
.round-eyebrow { font-size:.62rem; text-transform:uppercase; letter-spacing:.14em; color:#86a99f; margin:0 0 10px; font-weight:700; }
.round-hero h1 { font-size:2.3rem; line-height:1.15; letter-spacing:-.055em; margin:0 0 12px; }.round-hero>div>p:last-child { color:#9cabc0; font-size:.86rem; line-height:1.6; margin:0; }
.round-date { display:flex; flex-direction:column; text-align:right; gap:9px; flex-shrink:0; }.round-date strong { font-size:.9rem; }.round-date span { font-size:.76rem; color:#96a7bf; }
.round-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:22px; }
.round-scopes { display:flex; padding:4px; border:1px solid #29394e; border-radius:9px; gap:3px; }.round-scopes a { text-decoration:none; font-size:.73rem; padding:8px 12px; border-radius:6px; color:#a5b4c9; }.round-scopes a[aria-current] { background:#263b45; color:#a4edcf; }
.round-browse { display:flex; gap:9px; align-items:center; }.round-browse select { font:inherit; font-size:.75rem; background:#152235; color:#c8d5e5; border:1px solid #30425a; border-radius:7px; padding:9px; max-width:210px; }.round-arrow { padding:7px 10px; text-decoration:none; border:1px solid #30425a; border-radius:7px; }
.round-jump { position:sticky; top:0; z-index:5; display:flex; gap:26px; align-items:center; background:#0c1421f5; border-bottom:1px solid #2c3c52; padding:15px 2px; backdrop-filter:blur(12px); }
.round-jump>a { font-size:.8rem; font-weight:600; text-decoration:none; color:#c0d0e3; }.round-jump>a:hover { color:#9ae8c9; }
.round-refresh { color:#8b9cb4; font-size:.7rem; min-height:18px; margin:12px 0 18px; }
.round-stats { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #2a3b51; background:linear-gradient(115deg,#192b3d,#162233); padding:21px 0; border-radius:13px; margin-bottom:30px; }.round-stats>div { display:flex; gap:17px; align-items:center; padding:0 26px; border-right:1px solid #304054; }.round-stats>div:last-child { border:0; }.round-stats strong { font-size:1.9rem; letter-spacing:-.04em; white-space:nowrap; font-weight:600; }.round-stats>div>span { color:#ccd6e5; font-size:.75rem; line-height:1.7; }.round-stats small { display:block; color:#8d9fb8; font-size:.66rem; }.round-divider { color:#63758d; font-size:1.3rem; margin:0 9px; }.round-page .round-win { color:#7ce0a7; }.round-page .round-loss { color:#ffa0aa; }
.round-section { margin-bottom:28px; scroll-margin-top:70px; }.round-section-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:17px; }.round-section-heading h2 { font-size:1.17rem; letter-spacing:-.025em; margin:0; }.round-section-heading>span { font-size:.71rem; color:#90a1b8; }
.round-picks { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }.round-pick { background:#142235; border:1px solid #31495c; border-top:2px solid #74cba9; padding:19px; border-radius:12px; }.round-pick-top,.round-pick-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; }.round-chip { display:inline-block; font-size:.6rem; font-weight:600; color:#a8b8d0; background:#26364d; border-radius:4px; padding:4px 7px; white-space:nowrap; }.chip-bet { color:#9ce8c8; background:#1f3b36; }.round-pick small { font-size:.64rem; color:#99abc1; }.round-pick>p { color:#a8b9ce; font-size:.75rem; margin:19px 0 7px; line-height:1.5; }.round-pick>p>span { color:#7689a3; padding:0 4px; }.round-pick h3 { font-size:1.05rem; line-height:1.5; margin:0 0 20px; letter-spacing:-.02em; }.round-pick-numbers { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:20px; }.round-pick-numbers strong { display:block; font-size:1.3rem; letter-spacing:-.035em; }.round-pick-numbers small { display:block; margin-top:7px; line-height:1.5; }.round-pick-numbers>div:last-child { text-align:right; }.round-pick-numbers>div:last-child strong { font-size:1rem; }.round-pick-bottom { border-top:1px solid #2a3b51; padding-top:13px; }.round-pick-bottom a { color:#9de7cc; font-size:.7rem; text-decoration:none; font-weight:600; }
.round-empty { display:flex; gap:16px; padding:22px; background:#142031; border:1px dashed #34485e; border-radius:10px; align-items:center; }.round-empty>span { font-size:1.5rem; color:#7aa693; }.round-empty strong { font-size:.85rem; }.round-empty p { font-size:.76rem; color:#99aac2; line-height:1.5; margin:8px 0 0; }
.round-combo { margin-top:14px; border:1px solid #2a3b51; border-radius:10px; padding:14px 18px; background:#101d2d; }.round-combo>summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; font-size:.78rem; font-weight:600; list-style:none; }.round-combo small { font-weight:400; color:#8c9db4; margin-left:10px; font-size:.67rem; }.round-combo p { color:#9bacc4; font-size:.75rem; line-height:1.7; }.round-combo-legs { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0 12px; }.round-combo-legs>a { border:1px solid #35475d; border-radius:7px; padding:12px; text-decoration:none; font-size:.8rem; }.round-combo-legs span { display:block; margin-top:7px; color:#9baec5; font-size:.7rem; }
.round-panel { border:1px solid #293b51; background:#121e2f; border-radius:13px; padding:24px; }.round-filters { display:flex; gap:6px; padding-bottom:16px; border-bottom:1px solid #2b3c52; overflow:auto; }.round-filters button { font:inherit; font-size:.73rem; border:0; border-radius:6px; padding:8px 12px; cursor:pointer; background:transparent; color:#a4b4ca; white-space:nowrap; }.round-filters button[aria-pressed=true] { background:#29453f; color:#acf0d4; }
.round-day>h3 { margin:23px 0 7px; color:#94a7c1; text-transform:uppercase; letter-spacing:.07em; font-size:.65rem; display:flex; align-items:center; gap:10px; }.round-today { color:#9be6ca; font-size:.6rem; background:#233d36; padding:4px 6px; border-radius:4px; }
.round-game { border-bottom:1px solid #29394e; scroll-margin-top:70px; }.round-game:last-child { border-bottom:0; }.round-game>summary { display:grid; grid-template-columns:54px minmax(0,1fr) auto 52px 14px; gap:16px; align-items:center; cursor:pointer; list-style:none; padding:18px 0; }.round-game>summary::-webkit-details-marker,.round-combo>summary::-webkit-details-marker { display:none; }.round-game-time { color:#8fa3bd; font-size:.69rem; }.round-live { color:#83e0ad; font-weight:600; }.round-game-teams>strong { display:block; font-size:.86rem; font-weight:600; line-height:1.6; }.round-game-teams>strong>span { color:#7b8ea8; font-size:.65rem; margin:0 6px; font-weight:400; }.round-game-hint { display:block; color:#94a8c2; font-size:.7rem; line-height:1.5; margin-top:4px; }.round-game-score { text-align:right; font-size:1.05rem; white-space:nowrap; }.round-expand { color:#8aa0bc; font-size:1.15rem; font-weight:400; }.round-game[open]>summary .round-expand { transform:rotate(45deg); }.round-game[open]>summary .round-game-teams>strong { color:#a9e8d1; }.round-game-state .result-badge { font-size:.63rem; }
.round-match-detail { padding:6px 0 22px 70px; }.round-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.round-detail-grid>section { border:1px solid #304359; background:#17263a; border-radius:8px; padding:16px; }.round-detail-grid strong { font-size:.87rem; display:block; margin-bottom:8px; line-height:1.5; }.round-detail-grid p:not(.round-eyebrow) { color:#9baec7; font-size:.73rem; line-height:1.6; margin:9px 0 0; }.round-detail-grid small { color:#98acc8; font-size:.68rem; display:block; margin-top:8px; overflow-wrap:anywhere; }.round-detail-grid .result-badge { font-size:.65rem; }
.round-caution { border-left:2px solid #d6ae6b; color:#e5c290; background:#352c21; padding:10px 12px; font-size:.74rem; line-height:1.6; }.round-match-detail h5 { font-size:.8rem; margin:20px 0 12px; }.round-match-detail .match-extra p,.round-match-detail .match-extra li { font-size:.74rem; color:#9caec7; line-height:1.8; }.detail-probabilities { display:flex; gap:8px; flex-wrap:wrap; }.detail-probabilities>span { font-size:.73rem; background:#21364a; color:#c3d8e9; padding:8px 10px; border-radius:6px; }.round-daily-link { display:inline-block; font-size:.71rem; color:#a2deca!important; margin-top:18px; text-decoration:none; }.round-alternatives { color:#a4b7d1; font-size:.73rem; margin-top:18px; }.round-alternatives summary { cursor:pointer; }.round-alternatives p { line-height:1.8; }
.round-no-matches,.round-note { font-size:.76rem; line-height:1.7; color:#98abc5; }.round-results-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; border-bottom:1px solid #2b3c52; padding:6px 0 20px; }.round-results-summary strong { font-size:1.35rem; font-weight:600; display:block; }.round-results-summary span { display:block; color:#9eb0c9; font-size:.69rem; margin-top:8px; }.round-published { border-top:1px solid #2b3c52; padding-top:15px; margin-top:20px; }.round-published>summary { font-size:.78rem; cursor:pointer; color:#c4d4e7; }.round-published>summary>span { color:#a0d8c3; font-size:.69rem; margin-left:8px; }.round-published-row { display:flex; justify-content:space-between; align-items:center; gap:15px; border-bottom:1px solid #29394e; padding:17px 0; }.round-published-row:last-child { border-bottom:0; }.round-published-row strong { font-size:.8rem; line-height:1.6; }.round-published-row strong span { color:#8296b0; font-size:.65rem; }.round-published-row p { margin:6px 0; color:#a2b4cd; font-size:.72rem; line-height:1.6; }.round-published-row small { color:#91a4bf; font-size:.65rem; }
.round-footer { color:#8297b4; font-size:.67rem; line-height:1.8; text-align:center; margin-top:26px; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.round-page :is(a,button,summary,select):focus-visible { outline:2px solid #87e5c0; outline-offset:4px; }.round-page [hidden] { display:none!important; }
@media(max-width:700px) {
  .round-topbar { height:62px; padding:0 16px; gap:10px; }.round-brand { font-size:.95rem; }.round-topbar>div { gap:10px; }.round-topbar>div>a { font-size:.67rem; }.round-preview { display:none; }.round-leagues { gap:17px; justify-content:flex-start; padding:0 16px; }.round-leagues a { font-size:.74rem; padding:15px 0 13px; }.round-main { padding:25px 16px 20px; }.round-hero { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:20px; }.round-hero h1 { font-size:1.9rem; }.round-hero>div>p:last-child { font-size:.78rem; max-width:310px; }.round-date { text-align:left; flex-direction:row; flex-wrap:wrap; gap:12px; align-items:center; }.round-date strong { font-size:.78rem; }.round-date span { font-size:.68rem; }.round-toolbar { gap:12px; }.round-scopes a { font-size:.67rem; padding:7px 9px; }.round-browse { gap:5px; }.round-browse select { padding:8px 5px; max-width:125px; font-size:.68rem; }.round-arrow { padding:5px 7px; }.round-jump { gap:22px; padding:14px 0; }.round-jump>a { font-size:.75rem; }.round-refresh { font-size:.65rem; line-height:1.6; }.round-stats { padding:16px 0; margin-bottom:26px; }.round-stats>div { display:block; padding:0 12px; }.round-stats strong { display:block; font-size:1.4rem; margin-bottom:8px; }.round-stats>div>span { font-size:.62rem; line-height:1.7; }.round-stats small { font-size:.57rem; }.round-divider { margin:0 4px; font-size:1rem; }.round-section-heading h2 { font-size:1.05rem; }.round-section-heading>span { font-size:.62rem; text-align:right; max-width:130px; line-height:1.6; }.round-picks { grid-template-columns:1fr; gap:12px; }.round-pick { padding:17px; }.round-pick>p { margin-top:14px; }.round-pick h3 { margin-bottom:14px; }.round-pick-numbers { margin-bottom:15px; }.round-combo { padding:14px; }.round-combo small { display:block; margin:5px 0 0; }.round-combo-legs { grid-template-columns:1fr; }.round-panel { padding:20px 15px; }.round-filters { gap:2px; }.round-filters button { font-size:.68rem; padding:8px 9px; }.round-game>summary { grid-template-columns:39px minmax(0,1fr) 40px 10px; gap:10px; position:relative; padding:17px 0; }.round-game-teams>strong { font-size:.78rem; }.round-game-teams>strong>span { margin:0 3px; font-size:.59rem; }.round-game-time { font-size:.62rem; grid-column:1; grid-row:1/3; }.round-game-teams { grid-column:2; grid-row:1; }.round-game-state { grid-column:2; grid-row:2; }.round-game-score { grid-column:3; grid-row:1/3; font-size:.9rem; }.round-game>summary>.round-expand { grid-column:4; grid-row:1/3; }.round-game-hint { font-size:.64rem; }.round-game-state:empty { display:none; }.round-match-detail { padding-left:0; }.round-detail-grid { grid-template-columns:1fr; }.round-results-summary { grid-template-columns:repeat(2,1fr); gap:20px; }.round-results-summary strong { font-size:1.2rem; }.round-footer { font-size:.62rem; }.round-page .result-badge { white-space:nowrap; }
}
@media(prefers-reduced-motion:no-preference) { .round-page { scroll-behavior:smooth; } }

.round-jump>.round-daily-view { margin-left:auto; color:#98a9c0; font-size:.73rem; font-weight:400; }
@media(max-width:700px) { .round-jump { gap:14px; flex-wrap:wrap; } .round-jump>.round-daily-view { font-size:.65rem; } }
