.xl-fixtures{--sf-gold:#22c96b;--sf-ink:#161a20;--sf-muted:#637083;--sf-line:#e7eaf0;color:var(--sf-ink);background:#fff;border:1px solid #a9e9c4;border-radius:18px;box-shadow:0 12px 32px #1823340b;margin:28px 0 38px;overflow:hidden;font-family:Roboto,Arial,sans-serif;text-align:left;line-height:1.5}
.xl-fixtures *{box-sizing:border-box}.xl-fixtures [hidden]{display:none!important}.xl-fixtures button,.xl-fixtures input,.xl-fixtures select{font:inherit;letter-spacing:normal;text-transform:none;margin:0}
.xl-fixtures button{cursor:pointer;transition:background .15s,color .15s;border:1px solid transparent;box-shadow:none}.xl-fixtures button:focus-visible,.xl-fixtures input:focus-visible,.xl-fixtures select:focus-visible{outline:3px solid #377ad5;outline-offset:2px}.xl-fixtures button:disabled{cursor:wait;opacity:.6}
.sf-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 28px;background:linear-gradient(115deg,#161a20,#14281d);color:#fff;border-bottom:3px solid var(--sf-gold)}
.xl-fixtures .sf-heading h2{font-size:27px;line-height:1.25;margin:5px 0 8px;color:#fff;font-weight:800;border:0;padding:0;background:none}
.sf-eyebrow{font-size:10px;letter-spacing:2px;color:#9ff0c4;font-weight:800}.sf-heading p{color:#c5ccd6;font-size:13px;margin:0}.sf-heading p span{color:#9ff0c4;margin-left:5px}.sf-source{font-size:11px;white-space:nowrap;padding:7px 10px;border:1px solid #2f5a43;border-radius:8px;color:#9fe9c0}
.sf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px 15px}.sf-days{display:flex;gap:6px;background:#f3f4f6;padding:4px;border-radius:11px}
.xl-fixtures .sf-days button{background:transparent;color:#526074;border-radius:8px;padding:9px 19px;font-size:13px;font-weight:700;min-height:42px}
.xl-fixtures .sf-days button[aria-pressed=true]{background:#20252d;color:#fff;box-shadow:0 3px 8px #20252d20}
.xl-fixtures .sf-refresh{background:#fff;color:#4b596b;border-color:#dce1e7;border-radius:9px;min-height:44px;padding:9px 13px;font-size:12px;font-weight:700}.sf-refresh span{font-size:19px;vertical-align:middle;margin-left:5px}
.sf-filters{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;padding:0 24px 16px}.sf-filters label{min-width:0;display:block}.sf-filters label>span{display:block;color:#576476;font-size:11px;font-weight:700;margin-bottom:5px}
.xl-fixtures .sf-filters input,.xl-fixtures .sf-filters select{display:block;width:100%;max-width:100%;min-height:44px;border:1px solid #dce1e7;border-radius:9px;background:#fff;color:#253044;padding:10px 12px;font-size:13px;box-shadow:none}.sf-filters input::placeholder{color:#8490a0}
.sf-tabs{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line);padding:13px 24px;background:#fafbfc}
.xl-fixtures .sf-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#526074;border:1px solid #e1e5eb;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;min-height:42px}
.xl-fixtures .sf-tabs button[aria-pressed=true]{color:#0b2a19;background:#e2fbec;border-color:#2fbf72}.sf-tabs button span{display:inline-block;min-width:18px;color:inherit;background:#8995a51a;padding:1px 5px;border-radius:4px;font-size:10px}
.sf-summary{padding:14px 25px 8px;margin:0!important;font-size:11px;color:var(--sf-muted)}.sf-notice{margin:14px 24px 0!important;border:1px solid #9fe0bd;border-radius:8px;background:#ebfff3;color:#146b3c;padding:10px 12px;font-size:12px}
.sf-list{max-height:560px;min-height:260px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#73dba3 #f5f6f8;padding:2px 20px 12px;scroll-padding:12px}
.sf-match{margin:9px 0;border:1px solid var(--sf-line);border-radius:11px;background:#fff;box-shadow:0 3px 10px #10203003;overflow:hidden}.sf-match--live{border-color:#b2ecca}
.sf-meta{display:flex;align-items:center;gap:10px;padding:8px 13px;background:#f7f8fa;border-bottom:1px solid #eef0f3;min-height:35px;font-size:10px}.sf-kickoff{font-variant-numeric:tabular-nums;font-weight:800;font-size:11px;color:#273348;flex-shrink:0}.sf-league-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#718094}.sf-state{flex-shrink:0;font-size:9px;color:#718094;font-weight:700}.sf-match--live .sf-state{color:#b73532}.sf-match--live .sf-state:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#d1433e;margin-right:5px;vertical-align:middle}.sf-is-stale .sf-match--live .sf-state{color:#7a7180}.sf-is-stale .sf-match--live .sf-state:before{background:#8b8490}
.sf-match-grid{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:16px;min-height:74px;padding:15px 28px}
.sf-team{display:flex;align-items:center;gap:12px;min-width:0;font-size:14px;font-weight:700;line-height:1.35}.sf-team--home{justify-content:flex-end;text-align:right}.sf-team--away{justify-content:flex-start;text-align:left}.sf-team-name{overflow-wrap:anywhere;min-width:0}
.sf-team-logo,.sf-team-initials{width:30px;height:30px;flex:0 0 30px;object-fit:contain;display:block}.sf-team-initials{display:grid;place-items:center;background:#f1f3f7;border:1px solid #e2e5eb;border-radius:50%;font-size:10px;color:#6d798b}
.sf-score{font-size:24px;text-align:center;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;color:#202b3a;font-weight:800}.sf-match--upcoming .sf-score{font-size:16px;color:#99a2b0;letter-spacing:2px}.sf-match--live .sf-score{color:#16924f}
.sf-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#718094;font-size:13px;text-align:center;padding:25px}.sf-empty p{margin:0!important}.sf-empty-icon{font-size:28px;opacity:.6}.xl-fixtures .sf-empty button{background:#f1f3f6;border-radius:7px;color:#3e4e63;padding:8px 15px;font-size:12px;min-height:40px}
.sf-spinner{width:24px;height:24px;border:2px solid #e6e8eb;border-top-color:#3cc77c;border-radius:50%;animation:sf-spin 1s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--sf-line);background:#fafbfc;min-height:62px}.xl-fixtures .sf-bottom button{background:#252a32;border:1px solid #252a32;color:#fff;padding:10px 15px;font-size:12px;font-weight:700;border-radius:8px;min-height:42px}.sf-bottom>span{font-size:10px;color:#798596;margin-left:auto;text-align:right}
.xl-fixtures .sf-credit{font-size:10px;line-height:1.6;color:#8993a1;margin:0!important;padding:11px 24px 15px}.sf-credit a{color:#178a4c;text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.xl-fixtures{margin:22px 0 28px;border-radius:13px}.sf-heading{padding:19px 16px;gap:10px}.xl-fixtures .sf-heading h2{font-size:23px}.sf-heading p{font-size:11px}.sf-source{display:none}.sf-eyebrow{font-size:9px;letter-spacing:1.5px}.sf-toolbar{padding:15px 13px 12px;gap:8px}.xl-fixtures .sf-days button{padding:8px 11px;font-size:11px;min-height:40px}.xl-fixtures .sf-refresh{font-size:0;padding:8px 12px;min-width:42px}.sf-refresh span{font-size:20px;margin:0}.sf-refresh:before{content:'↻';font-size:20px}.sf-refresh span{display:none}.sf-filters{grid-template-columns:1fr;padding:0 13px 14px;gap:9px}.sf-filters label>span{font-size:10px}.xl-fixtures .sf-filters input,.xl-fixtures .sf-filters select{font-size:13px;min-height:43px}.sf-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 13px}.xl-fixtures .sf-tabs button{font-size:11px;padding:8px;min-height:40px}.sf-summary{padding:12px 15px 6px;font-size:10px}.sf-list{max-height:480px;padding:2px 10px 9px}.sf-meta{gap:7px;padding:7px 9px;font-size:9px}.sf-kickoff{font-size:10px}.sf-state{font-size:8px;max-width:112px}.sf-match-grid{gap:8px;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);padding:14px 10px;min-height:78px}.sf-team{gap:7px;font-size:11px}.sf-team-logo,.sf-team-initials{width:24px;height:24px;flex-basis:24px}.sf-score{font-size:20px}.sf-match--upcoming .sf-score{font-size:13px}.sf-notice{margin:12px 13px 0!important;font-size:11px}.sf-bottom{padding:12px 13px;gap:8px;flex-wrap:wrap}.sf-bottom>span{font-size:9px}.xl-fixtures .sf-bottom button{font-size:11px;padding:9px 12px}.xl-fixtures .sf-credit{padding:10px 14px 13px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.sf-spinner{animation:none}.xl-fixtures button{transition:none}}
