:root { --background:#f7f8f7; --foreground:#15282e; --popover:#fff; --primary:#d1f65a; --radius:.5rem; --ink:#111f25; --lime:#d1f65a; --line:#dce2e3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:104px; }
body { margin:0; color:var(--foreground); background:var(--background); font-family:Arial,'Noto Sans JP','Yu Gothic',sans-serif; font-size:16px; -webkit-font-smoothing:antialiased; }
a { text-decoration:none; color:inherit; }
button,input { font:inherit; }
button { cursor:pointer; border:0; }
button:disabled { cursor:default; }
button,a,input { -webkit-tap-highlight-color:transparent; }
button,a { transition:background .2s,color .2s,border-color .2s,transform .2s; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid #7d9b2f; outline-offset:4px; }
svg { flex-shrink:0; }
h1,h2,p { margin:0; }
.header { height:82px; padding:0 4.5%; display:flex; align-items:center; justify-content:space-between; gap:24px; background:#fffffff5; backdrop-filter:blur(16px); border-bottom:1px solid #e6eaeb; position:sticky; top:0; z-index:30; }
.brand { display:flex; align-items:center; gap:12px; white-space:nowrap; font-size:19px; font-weight:900; letter-spacing:-.6px; }
.brand small { display:block; font-size:12px; letter-spacing:3px; margin-top:4px; font-weight:500; }
.brand-icon { position:relative; background:var(--ink); color:var(--lime); padding:13px 7px; font-size:22px; font-style:italic; transform:skew(-7deg); }
.brand-icon span { position:absolute; right:-5px; top:-5px; font-size:16px; }
.header nav { display:flex; align-items:center; gap:28px; height:100%; font-size:14px; font-weight:700; }
.header nav a { display:flex; align-items:center; gap:4px; height:100%; position:relative; }
.header nav a:after { content:''; position:absolute; bottom:20px; left:0; right:0; height:2px; background:var(--ink); transform:scaleX(0); transform-origin:left; transition:transform .2s; }
.header nav a:hover:after,.header nav a.active:after { transform:scaleX(1); }
.myteam { display:flex; align-items:center; gap:8px; padding:12px 15px; background:var(--ink); color:white; border-radius:3px; font-size:14px; font-weight:700; }
.myteam>svg { color:var(--lime); }
.myteam span { display:grid; place-items:center; background:var(--lime); color:var(--ink); width:20px; height:20px; border-radius:50%; font-size:12px; }
.myteam:hover { background:#31474f; }
.seasonbar { padding:11px 4.5%; display:flex; align-items:center; justify-content:space-between; gap:18px; font-size:12px; color:#c8d2d4; background:var(--ink); border-bottom:1px solid #ffffff20; letter-spacing:.8px; }
.seasonbar i { display:inline-block; height:6px; width:6px; background:var(--lime); border-radius:50%; margin-right:9px; }
.seasonbar a { display:flex; align-items:center; gap:10px; color:var(--lime); }
.hero { position:relative; isolation:isolate; min-height:580px; background:var(--ink); color:white; overflow:hidden; }
.hero>img { position:absolute; top:0; right:0; width:59%; height:100%; object-fit:cover; object-position:60% 46%; z-index:-3; filter:saturate(.75); }
.hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#111f25 0%,#111f25 35%,#111f25e6 42%,#111f2520 59%,#111f2500 75%),linear-gradient(0deg,#111f25d9,transparent 48%); }
.hero-copy { padding:46px 0 42px 5.5%; max-width:680px; position:relative; }
.eyebrow { font-size:12px; font-weight:700; letter-spacing:1.7px; }
.hero .eyebrow { color:#cbd6d6; display:flex; align-items:center; gap:12px; letter-spacing:1px; }
.edition { display:inline-block; color:var(--lime); border:1px solid #d1f65a70; padding:5px 8px; font-size:12px; font-weight:700; }
h1 { font-size:clamp(42px,4.6vw,68px); font-weight:900; letter-spacing:-2.5px; line-height:1.3; margin:24px 0 20px; }
h1 span { color:var(--lime); }
.hero p { font-size:16px; line-height:1.9; color:#b9c6ca; }
.hero-actions { display:flex; align-items:center; gap:20px; margin-top:28px; }
.primary { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 21px; border-radius:3px; background:var(--lime); color:var(--ink); font-weight:800; font-size:14px; min-height:50px; }
.primary:hover { background:#e2ff88; transform:translateY(-2px); }
.primary svg { transition:transform .2s; }
.primary:hover svg { transform:translateX(4px); }
.hero-secondary { display:flex; align-items:center; gap:7px; color:#edf1f1; font-size:14px; background:transparent; padding:12px 0; border-bottom:1px solid #ffffff40; }
.hero-secondary:hover { color:var(--lime); border-color:var(--lime); }
.hero-stats { display:flex; gap:28px; margin-top:36px; }
.hero-stats>div { display:flex; gap:9px; align-items:baseline; border-right:1px solid #ffffff26; padding-right:28px; }
.hero-stats>div:last-child { border:0; }
.hero-stats b { font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:38px; font-weight:400; }
.hero-stats span { font-size:12px; color:#9fadb3; }
.photo-label { position:absolute; right:4.5%; top:24px; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-style:italic; font-size:clamp(56px,6vw,90px); line-height:1; color:#ffffffeb; letter-spacing:-2px; }
.photo-label span { display:block; font-family:Arial,sans-serif; font-size:12px; font-style:normal; letter-spacing:2px; text-align:right; margin-top:8px; }
.hero-match { position:absolute; bottom:44px; right:4.5%; width:39%; max-width:510px; background:#0d1c23d9; backdrop-filter:blur(14px); border:1px solid #ffffff3b; border-left:3px solid var(--lime); padding:17px 20px; transition:background .2s,transform .2s; }
.hero-match:hover { background:#182e36f0; transform:translateY(-3px); }
.hero-match-top { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#c7d2d4; font-size:12px; }
.hero-match-top span:first-child { display:flex; align-items:center; gap:6px; color:var(--lime); }
.hero-score { display:flex; justify-content:space-between; align-items:center; gap:13px; margin-top:8px; }
.hero-score>span { font-size:14px; font-weight:700; }
.hero-score b { font-family:Impact,'Arial Narrow',Arial,sans-serif; font-weight:400; font-size:38px; white-space:nowrap; letter-spacing:3px; }
.hero-score i { font-size:20px; font-style:normal; color:#75858d; }
.photo-credit { position:absolute; bottom:14px; right:4.5%; font-size:10px; color:#a0b2b7; letter-spacing:1px; }
.pagebody { max-width:1400px; padding:54px 5.5% 56px; margin:auto; }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:25px; }
.section-head .eyebrow { color:#6c7779; letter-spacing:.7px; }
h2 { font-size:26px; font-weight:800; line-height:1.45; letter-spacing:-.6px; }
.display-heading { font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:44px; font-weight:400; line-height:1.15; letter-spacing:.4px; margin-top:12px; }
.display-heading span { display:block; font-family:Arial,'Yu Gothic',sans-serif; font-size:15px; font-weight:600; line-height:1.6; margin-top:8px; letter-spacing:0; color:#617074; }
.section-head>a { display:flex; align-items:center; gap:9px; border-bottom:1px solid #9daaae; padding:9px 0; font-size:14px; white-space:nowrap; font-weight:700; }
.section-head>a:hover { color:#647d1a; border-color:#647d1a; }
.filterbar { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:15px 0; margin-bottom:18px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.region-filters { display:flex; flex-wrap:wrap; gap:3px; }
.region-filters button { padding:10px 14px; background:transparent; color:#657276; font-size:14px; font-weight:700; border-radius:3px; }
.region-filters button.selected { background:var(--ink); color:white; }
.region-filters button:hover:not(.selected) { background:#e7eceb; }
.clutch { display:flex; align-items:center; gap:6px; background:white; border:1px solid #cbd4d5; border-radius:3px; padding:10px 13px; font-size:14px; white-space:nowrap; }
.clutch.on { background:var(--lime); border-color:#bdd658; }
.match-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.match { background:#fff; border:1px solid var(--line); border-radius:5px; padding:19px 20px 0; position:relative; transition:transform .2s,box-shadow .2s,border-color .2s; }
.match:hover { border-color:#b9c5c7; box-shadow:0 10px 25px #1d39430a; transform:translateY(-3px); }
.match-following { border-top:3px solid #accb49; padding-top:17px; }
.match-meta { display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; color:#718086; font-size:12px; margin-bottom:18px; }
.match-meta>span:last-child { font-size:10px; font-weight:700; letter-spacing:1px; padding:3px 6px; color:#718086; border:1px solid #e3e9e9; border-radius:2px; }
.team-row { display:flex; align-items:center; gap:8px; margin:12px 0; font-size:15px; font-weight:700; }
.team-save { display:grid; place-items:center; width:28px; height:32px; margin-left:-6px; background:transparent; color:#a7b3b7; flex-shrink:0; border-radius:4px; }
.team-save:hover { color:#819b2e; background:#eff4e5; }
.team-save[aria-pressed=true] { color:#789223; }
.emblem { width:31px; height:34px; flex-shrink:0; display:grid; place-items:center; color:white; font-family:serif; background:#334c6b; font-size:14px; clip-path:polygon(0 0,100% 0,95% 77%,50% 100%,5% 77%); }
.tone1 { background:#8b344c; }.tone2 { background:#34457f; }.tone3 { background:#327667; }.tone4 { background:#754463; }.tone5 { background:#a66c3e; }
.team-row b { margin-left:auto; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-weight:400; font-size:35px; font-variant-numeric:tabular-nums; color:#9aa6aa; line-height:1.1; }
.team-row b.winner { color:var(--ink); }
.match-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:19px; padding:14px 0; border-top:1px solid #edf0f0; font-size:12px; color:#728287; }
.match-bottom>span { display:flex; align-items:center; gap:9px; }
.match-bottom em { display:flex; align-items:center; gap:2px; padding:3px 5px; font-size:11px; color:#6c802f; background:#eef4de; font-style:normal; }
.match-bottom a { display:flex; align-items:center; gap:3px; color:#344d58; white-space:nowrap; }
.match-bottom a:hover { color:#6c802f; }
.data-note { font-size:12px; line-height:1.7; color:#7a8589; margin-top:17px; }
.lower-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:32px; margin-top:62px; }
.leagues { padding:0 0 0; }
.leagues .section-head>svg { color:#a5b3b7; width:32px; height:32px; }
.gender-tabs { display:flex!important; width:100%!important; height:auto!important; padding:0!important; margin:3px 0 9px; background:transparent!important; border-radius:0!important; border-bottom:1px solid var(--line); }
.gender-tabs button { height:auto; padding:16px; font-size:14px; font-weight:700; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; border-bottom:2px solid transparent!important; }
.gender-tabs button[data-active] { border-bottom-color:var(--ink)!important; color:var(--ink); }
.league-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 26px; }
.league-grid a { display:flex; align-items:center; gap:12px; padding:18px 2px; border-bottom:1px solid var(--line); font-size:17px; font-weight:700; }
.league-grid a:hover { color:#698820; background:#eff3e9; padding-left:8px; }
.league-grid .league-index { color:#9eaaad; font-size:12px; font-weight:400; }
.league-grid small { display:block; color:#859396; font-size:10px; letter-spacing:.6px; font-weight:400; margin-top:5px; }
.league-count { margin-left:auto; text-align:right; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:23px; font-weight:400; }
.league-count small { font-family:Arial,sans-serif; font-size:10px; margin-top:0; }
.league-grid svg { width:16px; color:#819195; }
.challenge { position:relative; isolation:isolate; overflow:hidden; padding:31px; background:var(--lime); color:var(--ink); border-radius:5px; display:flex; flex-direction:column; }
.challenge-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:20px; border-bottom:1px solid #102a2630; }
.challenge-top .eyebrow { font-size:12px; letter-spacing:.8px; }
.challenge-watermark { position:absolute; z-index:-1; bottom:80px; right:-8px; font-family:Impact,sans-serif; font-size:220px; font-weight:400; color:#c1e449; opacity:.6; line-height:1; transform:rotate(-12deg); }
.challenge-tag { margin-top:25px; font-size:11px; font-weight:700; letter-spacing:1.2px; }
.challenge h2 { font-size:32px; margin:18px 0; line-height:1.5; letter-spacing:-1px; }
.challenge p { font-size:15px; line-height:1.9; color:#465830; margin-bottom:25px; }
.challenge .primary { margin-top:auto; width:100%; background:var(--ink); color:white; }
.challenge .primary:hover { background:#31474f; }
.challenge-footer { display:flex; justify-content:space-between; gap:12px; margin-top:20px; color:#50682e; font-size:12px; }
.challenge-footer b { color:var(--ink); font-size:14px; margin-left:7px; }
.team-banner { display:flex; align-items:center; gap:22px; background:white; border:1px solid var(--line); border-left:4px solid var(--ink); padding:27px; margin-top:45px; border-radius:4px; }
.team-banner-icon { width:60px; height:60px; border-radius:50%; display:grid; place-items:center; background:#f1f5e9; color:#6b8226; flex-shrink:0; }
.team-banner>div:nth-child(2) { min-width:0; }
.team-banner .eyebrow { color:#84928a; font-size:11px; }
.team-banner h2 { font-size:19px; margin:7px 0; overflow-wrap:anywhere; }
.team-banner p { color:#758382; font-size:14px; }
.team-banner button { flex-shrink:0; margin-left:auto; display:flex; align-items:center; gap:18px; padding:14px 17px; border:1px solid #d0d9d8; background:#fff; border-radius:3px; font-size:14px; font-weight:700; }
.team-banner button:hover { background:var(--ink); color:white; }
footer { background:var(--ink); color:white; padding:46px 5.5%; display:flex; justify-content:space-between; align-items:flex-start; gap:36px; }
.footer-brand { font-size:25px; font-weight:900; letter-spacing:-1px; }
.footer-brand span { display:block; color:#99abae; font-size:14px; font-weight:400; margin-top:12px; letter-spacing:0; }
footer>div { text-align:right; font-size:14px; }
footer>div>a { margin-left:22px; }
footer p { color:#9aabae; font-size:12px; line-height:1.9; margin-top:23px; }
footer p a { text-decoration:underline; text-underline-offset:3px; }
.mobile-nav { display:none; }
.empty { grid-column:1/-1; background:white; border:1px dashed #b6c4c9; padding:45px 24px; text-align:center; font-size:16px; }
.empty a { display:block; font-size:14px; margin-top:16px; text-decoration:underline; }
.team-dialog,.quiz-dialog { padding:32px!important; max-width:540px!important; max-height:90dvh; overflow:auto; border:1px solid #d4dedd; border-radius:10px!important; box-shadow:0 25px 100px #0611163b; }
[data-slot=dialog-overlay] { background:#0a182866!important; backdrop-filter:blur(8px)!important; }
.team-dialog [data-slot=dialog-title],.quiz-dialog [data-slot=dialog-title] { font-size:25px; font-weight:900; letter-spacing:-.5px; }
[data-slot=dialog-description] { color:#6f7d83; font-size:14px; line-height:1.8; }
.team-dialog input { width:100%; border:1px solid #cbd6d9; border-radius:4px; background:#f7f9f9; padding:13px 15px; font-size:16px; }
.team-options { max-height:280px; overflow:auto; }
.team-options button { width:100%; display:flex; align-items:center; gap:12px; background:#f1f4f4; padding:14px; margin-bottom:6px; border-radius:4px; font-size:14px; text-align:left; }
.team-options button span { margin-left:auto; font-size:12px; color:#6d7a7f; }
.team-options button[aria-pressed=true] { background:#edf6d2; color:#5d7722; }
.saved-matches { border-top:1px solid #dfe6e6; padding-top:16px; }
.saved-matches a { display:block; font-size:14px; line-height:1.7; margin-top:12px; text-decoration:underline; }
.quiz-dialog h2 { font-size:23px; line-height:1.6; }
.quiz-progress { margin:0 0 10px; }
.quiz-progress [data-slot=progress-track] { height:5px; background:#e7ecec; }
.quiz-progress [data-slot=progress-indicator] { background:#b1d644; }
.quiz-options button { display:flex; align-items:center; gap:14px; width:100%; background:#f5f7f7; border:1px solid #dce5e5; border-radius:5px; padding:15px; margin:10px 0; font-size:15px; text-align:left; }
.quiz-options button>span { display:grid; place-items:center; height:30px; width:30px; border-radius:4px; background:#e5ebeb; font-size:13px; font-weight:800; flex-shrink:0; }
.quiz-options button:hover:not(:disabled) { background:#eff5df; border-color:#b8cd8b; }
.quiz-options button.correct { background:#edf7cd; border-color:#adc96c; }
.quiz-options button.incorrect { background:#fbecec; border-color:#e4c1c1; }
.explanation { border-left:3px solid #b1d644; padding:3px 0 0 18px; }
.explanation p { font-size:15px; line-height:1.9; margin:12px 0 20px; }
.result-badge { display:flex; flex-direction:column; align-items:center; padding:22px 0; background:#f0f6e0; border-radius:5px; color:#779229; }
.quiz-score { font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:92px; color:var(--ink); line-height:1.1; margin:8px 0; }
.quiz-score small { color:#94a18a; font-family:Arial,sans-serif; font-size:24px; margin-left:7px; }
.result-badge>span { font-size:12px; letter-spacing:2px; font-weight:700; }
.quiz-dialog>p { font-size:16px; line-height:1.8; }
@media(min-width:1500px) { .header,.seasonbar { padding-left:calc((100vw - 1260px)/2); padding-right:calc((100vw - 1260px)/2); }.hero-copy { padding-left:calc((100vw - 1246px)/2); max-width:none; }.hero-match { right:calc((100vw - 1260px)/2); }.hero>img { width:57%; } }
@media(max-width:1100px) { .header { padding:0 4%; gap:18px; }.header nav { gap:18px; }.header nav a:nth-child(3) { display:none; }.brand { font-size:16px; }.brand small { font-size:11px; }.hero { min-height:570px; }.hero-copy { padding-left:4%; }.hero-actions { align-items:flex-start; flex-direction:column; gap:7px; }.hero-stats { margin-top:23px; gap:22px; }.hero-match { width:43%; right:3%; padding:16px; }.photo-label { right:3%; }.pagebody { padding:43px 4%; }.region-filters button { padding:9px 10px; }.match-grid { gap:12px; }.match { padding-left:14px; padding-right:14px; }.team-row { font-size:14px; gap:6px; }.emblem { width:25px; height:29px; }.team-save { width:24px; }.team-row b { font-size:31px; }.match-bottom>span { gap:5px; }.match-bottom em { display:none; }.lower-grid { gap:26px; }.challenge { padding:25px; }.challenge h2 { font-size:29px; }.league-grid { gap:0 16px; }.league-grid a { gap:9px; }.team-banner { padding:24px; gap:16px; }.team-banner h2 { font-size:16px; } }
@media(max-width:800px) { .header nav { gap:13px; }.header nav a { font-size:13px; }.header nav a:last-child { display:none; }.hero { min-height:570px; }.hero>img { width:68%; opacity:.8; }.hero-shade { background:linear-gradient(90deg,#111f25 0%,#111f25ed 28%,#111f2590 55%,#111f2520),linear-gradient(0deg,#111f25cc,transparent); }.hero-copy { max-width:500px; }.photo-label { top:36px; font-size:52px; }.photo-label span { font-size:10px; }.hero-match { bottom:35px; width:43%; }.hero-score { gap:6px; flex-wrap:wrap; }.hero-score b { font-size:30px; }.hero-score>span { font-size:12px; }.hero-score>svg { display:none; }.hero-match-top { flex-wrap:wrap; gap:7px; }.match-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.team-row { font-size:16px; }.match-bottom em { display:flex; }.lower-grid { grid-template-columns:1fr; gap:35px; }.challenge { padding:30px; }.challenge h2 { font-size:34px; }.challenge .primary { max-width:400px; }.challenge p { margin-bottom:24px; }.team-banner { flex-wrap:wrap; }.team-banner>div:nth-child(2) { flex:1; }.team-banner button { margin-left:76px; }.seasonbar>span:nth-child(2) { display:none; } }
@media(max-width:600px) { html { scroll-padding-top:85px; }.header { height:73px; gap:10px; }.header nav { display:none; }.brand { font-size:15px; gap:9px; }.brand small { font-size:10px; letter-spacing:2px; }.brand-icon { font-size:20px; padding:11px 6px; }.myteam { padding:10px; font-size:12px; }.myteam span { display:none; }.seasonbar { padding:10px 4%; font-size:10px; letter-spacing:.3px; }.seasonbar a { font-size:11px; gap:5px; }.hero { min-height:680px; }.hero>img { width:100%; height:100%; object-position:59% center; opacity:.63; }.hero-shade { background:linear-gradient(90deg,#111f25d9,#111f2575),linear-gradient(0deg,#111f25 0%,#111f2530 65%); }.hero-copy { padding:33px 6% 0; max-width:none; }.hero .eyebrow { font-size:10px; letter-spacing:.6px; }.edition { font-size:11px; }h1 { font-size:clamp(38px,10vw,54px); line-height:1.32; margin:24px 0 21px; letter-spacing:-2px; }.hero p { font-size:15px; color:#d1dada; }.hero-actions { margin-top:26px; gap:12px; }.hero .primary { padding:15px 20px; }.hero-secondary { padding:7px 0; }.hero-stats { margin-top:24px; gap:22px; }.hero-stats>div { padding-right:22px; }.hero-stats b { font-size:32px; }.hero-stats span { font-size:12px; }.photo-label { display:none; }.hero-match { width:auto; max-width:none; right:6%; left:6%; bottom:41px; padding:14px 16px; }.hero-match-top { flex-wrap:nowrap; font-size:11px; }.hero-score { flex-wrap:nowrap; margin-top:7px; }.hero-score>span { font-size:14px; }.hero-score b { font-size:33px; }.hero-score>svg { display:block; }.photo-credit { right:6%; font-size:8px; bottom:17px; }.pagebody { padding:35px 5% 37px; }.section-head { gap:14px; align-items:flex-start; margin-bottom:21px; }.section-head .eyebrow { font-size:10px; }.display-heading { font-size:36px; margin-top:10px; }.display-heading span { font-size:13px; }.section-head>a { font-size:12px; margin-top:28px; gap:3px; }.filterbar { flex-direction:column; align-items:stretch; padding:12px 0; gap:12px; }.region-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; scrollbar-width:thin; }.region-filters button { white-space:nowrap; font-size:14px; padding:10px 13px; }.clutch { align-self:flex-start; font-size:14px; padding:8px 12px; }.match-grid { grid-template-columns:1fr; gap:12px; }.match { padding:18px 20px 0; }.match-following { padding-top:16px; }.match-meta { margin-bottom:14px; }.team-row { gap:10px; margin:11px 0; font-size:16px; }.team-save { width:32px; height:36px; }.emblem { width:30px; height:34px; }.team-row b { font-size:36px; }.match-bottom { padding:13px 0; margin-top:16px; }.match-bottom em { display:flex; }.lower-grid { margin-top:43px; }.league-grid { gap:0 20px; }.league-grid a { gap:8px; font-size:16px; padding:18px 0; }.league-grid .league-index { display:none; }.league-grid small { font-size:9px; }.league-count { font-size:23px; }.league-grid svg { width:14px; }.challenge { padding:26px; }.challenge-top .eyebrow { font-size:11px; }.challenge h2 { font-size:30px; }.challenge p { font-size:14px; }.team-banner { padding:21px; margin-top:29px; gap:14px; }.team-banner-icon { width:44px; height:44px; }.team-banner-icon svg { width:23px; }.team-banner h2 { font-size:16px; }.team-banner .eyebrow { font-size:10px; letter-spacing:.6px; }.team-banner p { font-size:13px; }.team-banner button { margin:8px 0 0; width:100%; justify-content:space-between; }footer { padding:32px 5% 106px; flex-direction:column; gap:28px; }.footer-brand { font-size:23px; }footer>div { text-align:left; font-size:13px; }footer>div>a { margin:0 17px 0 0; }footer p { font-size:11px; }.mobile-nav { display:flex; justify-content:space-around; gap:2px; position:fixed; z-index:35; bottom:0; left:0; right:0; border-top:1px solid #dae2e3; background:#ffffffee; backdrop-filter:blur(16px); padding:10px 6px calc(10px + env(safe-area-inset-bottom)); }.mobile-nav>a,.mobile-nav>button { display:flex; flex-direction:column; align-items:center; gap:5px; padding:2px 8px; color:#52666d; background:transparent; font-size:11px; }.mobile-nav>a:hover,.mobile-nav>button:hover { color:#789923; }.team-dialog,.quiz-dialog { padding:25px!important; }.quiz-dialog h2 { font-size:21px; }.quiz-options button { font-size:14px; padding:12px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*:before,*:after { animation:none!important; transition:none!important; } }
/* Official identities and the two Tunakare journeys. */
.official-brand{font-size:21px;font-weight:800;letter-spacing:.02em;gap:10px;color:#071a33}
.official-brand .brand-tick{width:.55em;height:.55em;background:#90b43e;border-radius:2px;flex-shrink:0}
.official-brand small{color:#90b43e;font-size:10px;font-weight:700;letter-spacing:.15em;margin-top:5px}
.header nav .support-nav{color:#00864b}.header nav .support-nav:after{background:#009951}
.pr-label{border:1px solid #ffffff50;border-radius:2px;padding:1px 4px;font-size:10px;letter-spacing:0}
.support-hub{margin-top:48px;background:#fff;border:1px solid #dce6df;border-radius:6px;overflow:hidden;scroll-margin-top:100px}
.support-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:35px 36px;background:#eff6f0;border-bottom:1px solid #dce6df}
.support-heading .eyebrow{font-size:11px;color:#557768;letter-spacing:1.5px}
.support-heading h2{font-size:30px;line-height:1.5;letter-spacing:-.8px;margin:13px 0}
.support-heading p{font-size:16px;color:#62776c;line-height:1.85}
.official-partner{padding:24px;background:white;border:1px solid #e0e9e1;border-radius:5px;min-width:250px;max-width:300px;text-align:center}
.official-partner img{display:block;width:230px;max-width:100%;height:auto;object-fit:contain;filter:none}
.official-partner span{display:block;font-size:12px;color:#748379;margin-top:16px}
.support-options{display:grid;grid-template-columns:1.15fr 1fr}
.support-option{padding:32px 36px;display:flex;flex-direction:column;align-items:flex-start}
.support-option.student{border-right:1px solid #e0e7e2}
.support-option .audience{display:inline-block;padding:6px 10px;background:#edf4ef;color:#357957;border-radius:3px;font-size:12px;font-weight:700}
.support-option h3{font-size:25px;line-height:1.5;margin:18px 0 15px;font-weight:800;letter-spacing:-.5px}
.support-option p{font-size:15px;line-height:1.9;color:#64776e;margin-bottom:24px}
.support-steps{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 24px;font-size:11px;color:#6c7e75}
.support-steps b{display:inline-block;color:#009951;margin-right:5px;font-size:12px}
.support-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:17px 18px;background:#008b4d;color:white;border:1px solid #008b4d;border-radius:4px;font-size:14px;font-weight:700;margin-top:auto;min-height:53px}
.support-cta:hover{background:#006e3d;transform:translateY(-2px)}
.sponsor .support-cta{background:white;color:#007a43;border-color:#88baa2}
.sponsor .support-cta:hover{background:#eef7f0}
.support-option>small{font-size:12px;line-height:1.8;color:#718178;margin-top:13px}
.support-note{font-size:12px!important;color:#7a8880!important;line-height:1.8;padding:16px 36px;border-top:1px solid #e2e9e4}
.footer-identity{text-align:left!important}.footer-partner{display:flex;gap:16px;align-items:center;margin:25px 0 0!important;font-size:12px}
.footer-partner img{width:125px;height:auto;background:white;border:9px solid white;border-radius:3px}
.footer-partner span{color:#b4c9be}
.team-sponsorship{border-top:1px solid #dce5df;margin-top:4px;padding-top:20px;font-size:14px}
.compact-partner{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.compact-partner img{width:120px;height:auto;display:block}
.compact-partner span{font-size:11px;color:#88978d}
.team-sponsorship h3{font-size:17px;font-weight:700;margin:0 0 15px}
.team-sponsorship a{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:1.7;padding:10px 0;color:#00884a}
.team-sponsorship small{display:block;font-size:12px;color:#819088;margin:8px 0}
.team-sponsorship .team-student-cta{background:#008b4d;color:white;padding:13px 15px;border-radius:4px;margin-top:15px;font-weight:700}
.team-sponsor-links{max-height:160px;overflow:auto}.team-sponsor-links a{border-bottom:1px solid #edf1ef}
.mobile-nav .mobile-support{color:#00854a;font-weight:700}
@media(max-width:1100px){.official-brand{font-size:19px}.support-heading{padding:28px}.support-option{padding:28px}.support-option h3{font-size:23px}.support-note{padding:16px 28px}.header nav a:nth-child(3){display:flex}}
@media(max-width:800px){.support-heading{align-items:flex-start}.official-partner{min-width:210px;padding:20px}.official-partner img{width:185px}.support-heading h2{font-size:27px}.support-heading p{font-size:15px}.support-options{grid-template-columns:1fr}.support-option.student{border-right:0;border-bottom:1px solid #e2e9e4}.support-option{padding:28px}.support-option h3 br{display:none}.support-steps{font-size:12px}}
@media(max-width:600px){.official-brand{font-size:18px;gap:8px}.official-brand small{font-size:9px}.seasonbar a{font-size:10px}.seasonbar>span{font-size:9px}.support-hub{margin-top:32px}.support-heading{padding:25px;flex-direction:column;gap:22px}.support-heading h2{font-size:27px}.support-heading p{font-size:15px}.official-partner{min-width:0;width:100%;max-width:none;display:flex;align-items:center;gap:15px;justify-content:space-between;padding:18px}.official-partner img{width:135px}.official-partner span{margin:0;font-size:10px;max-width:100px;text-align:left}.support-option{padding:25px}.support-option h3{font-size:23px}.support-option h3 br{display:block}.support-option p{font-size:15px}.support-cta{font-size:14px;padding:15px}.support-note{padding:16px 25px}.support-steps{line-height:1.8;font-size:11px}.support-steps>svg{width:11px}.footer-identity{width:100%}.footer-partner{justify-content:flex-start}}
/* Shared lower-page system */
.header nav{gap:22px}.header nav a{white-space:nowrap}.header nav a:nth-child(3){display:flex}.myteam{white-space:nowrap}.team-save{width:42px;font-size:12px;font-weight:500}.team-save[aria-pressed=true]{font-size:10px}.team-banner-icon{border-radius:4px}.subpage{min-height:60vh}.page-intro{background:var(--ink);color:white}.page-intro-inner,.subpage-body{max-width:1300px;margin:auto;padding:35px 5.5% 42px}.breadcrumb{display:flex;flex-wrap:wrap;gap:11px;font-size:12px;color:#8fa4ac;margin-bottom:26px;line-height:1.7}.breadcrumb a:hover{text-decoration:underline}.intro-layout{display:flex;align-items:center;justify-content:space-between;gap:25px}.page-intro .eyebrow{color:var(--lime);font-size:12px;letter-spacing:2px}.page-intro h1{font-size:38px;letter-spacing:-1px;line-height:1.4;margin:15px 0 14px}.page-intro p{font-size:16px;color:#b6c6cc;line-height:1.9}.intro-count{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:95px;line-height:1;color:#ffffff13;letter-spacing:2px}.subpage-body{padding-top:38px;padding-bottom:60px}.content-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;align-items:start}.content-sidebar>section,.content-sidebar>div,.content-sidebar>article{min-width:0}.context-support{padding:23px;background:#eef5ed;border:1px solid #d7e4d9;border-radius:5px;position:sticky;top:106px}.context-support h3{font-size:24px;letter-spacing:-.7px;line-height:1.5;margin:20px 0 14px;font-weight:800}.context-support p{font-size:14px;line-height:1.9;color:#677d6b;margin-bottom:20px}.context-support .support-cta{font-size:14px;padding:14px}.context-sponsor{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#007d43;font-size:13px;line-height:1.7;margin:17px 0}.context-support>small{font-size:11px;color:#7b8a80;line-height:1.7;display:block}.context-support .compact-partner img{width:128px}.page-tabs{height:auto!important;width:100%!important;background:none!important;border-radius:0!important;padding:0!important;border-bottom:1px solid #cad4d7;margin-bottom:20px}.page-tabs button{background:transparent!important;padding:16px 19px!important;height:auto!important;border-radius:0!important;box-shadow:none!important;border:0!important;border-bottom:3px solid transparent!important;font-size:15px!important;font-weight:700}.page-tabs button[data-active]{border-bottom-color:var(--ink)!important;color:var(--ink)}.league-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:27px}.league-pills button{background:white;border:1px solid #d8e0e2;border-radius:3px;padding:10px 13px;color:#6c7b80;font-size:13px}.league-pills button.selected{background:var(--ink);color:white;border-color:var(--ink)}.league-pills button:hover:not(.selected){background:#edf3e2}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.list-toolbar .region-filters button{font-size:13px;padding:10px 11px}.search-field{display:flex;align-items:center;gap:10px;padding:12px 14px;background:white;border:1px solid #cdd9db;border-radius:4px;color:#8a999d;min-width:0}.search-field input{font:inherit;font-size:14px;color:#203842;width:100%;min-width:0;background:transparent;outline:none}.result-count{display:flex;justify-content:space-between;gap:10px;color:#64767c;font-size:13px;margin:15px 0}.result-count span{color:#8b989e;font-size:12px}.fixture-list{border:1px solid #dbe3e5;border-radius:4px;background:white;overflow:hidden}.fixture{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #e7ecee;transition:background .2s}.fixture:last-child{border-bottom:0}.fixture:hover{background:#f0f5ea}.fixture-date{width:58px;flex-shrink:0;text-align:center}.fixture-date b{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:24px;font-weight:400}.fixture-date span{display:block;font-size:12px;color:#8a989e;margin-top:5px}.fixture-body{flex:1;min-width:0}.fixture-meta{font-size:11px;color:#7c9098;margin-bottom:9px}.fixture-score{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;font-weight:700}.fixture-score>span{flex:1}.fixture-score>span:last-child{text-align:right}.fixture-score b{font-family:Impact,'Arial Narrow',Arial,sans-serif;white-space:nowrap;font-size:25px;font-weight:400}.fixture-body small{display:block;color:#8a979c;font-size:11px;line-height:1.7;margin-top:8px}.fixture-status{font-size:10px;white-space:nowrap;padding:4px 6px;background:#f1f4f4;color:#8b999e;border-radius:2px}.fixture-status.final{color:#6d8236;background:#eef4df}.fixture>svg{color:#8a999e}.league-directory{display:grid;grid-template-columns:1fr 1fr;gap:17px}.league-directory>a{display:flex;gap:17px;align-items:center;background:white;border:1px solid #dce3e5;border-radius:4px;padding:27px}.league-directory>a:hover{border-color:#9cacb0;background:#f5f8f0}.directory-no{align-self:flex-start;font-size:12px;color:#9dacb0}.league-directory h2{font-size:27px}.league-directory p{font-size:12px;line-height:1.8;color:#829398;margin-top:9px}.directory-stat{margin-left:auto;text-align:center;white-space:nowrap;font-size:11px;color:#839198}.directory-stat b{font-family:Impact,Arial,sans-serif;font-size:34px;font-weight:400;color:#19303b;display:block}.league-summary{display:flex;align-items:center;gap:32px;border-bottom:1px solid #d7e0e3;padding:0 0 28px;margin:0 0 28px}.league-summary>span{display:flex;align-items:baseline;gap:9px;color:#7b8f96;font-size:13px}.league-summary b{font-family:Impact,Arial,sans-serif;font-size:35px;font-weight:400;color:#1b333f}.league-summary>a{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:#6d838d}.standing-block{margin-top:26px;background:white;border:1px solid #dce4e6;border-radius:4px;padding:20px}.standing-block h2{font-size:18px;margin-bottom:20px}.standing-block th{color:#7b8d95;font-size:12px;padding:12px}.standing-block td{font-size:14px;padding:15px 12px}.standing-block td:nth-child(3){font-weight:800;color:#284f47}.standing-block td a{font-weight:700}.standing-block tbody tr:first-child{background:#f2f7e9}.team-directory{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.team-directory>div{background:white;border:1px solid #dce5e7;padding:18px;border-radius:4px}.team-directory a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:700;margin-bottom:14px}.save-text{background:white;color:#6b8189;border:1px solid #cfdadd;border-radius:3px;padding:8px 11px;font-size:12px;line-height:1.5}.save-text[aria-pressed=true]{background:#eaf2dc;border-color:#c5d3ac;color:#637e26}.save-text:hover{border-color:#8d9fa5;color:#294552}.team-page-top{display:flex;justify-content:space-between;gap:20px;margin:0 0 26px;font-size:14px}.myteam-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.myteam-chips button{display:flex;align-items:center;gap:16px;border:1px solid #cbd8bf;background:#f1f6e8;padding:12px 15px;border-radius:4px;font-size:14px}.myteam-chips p{padding:25px;background:#edf2f2;font-size:15px;line-height:1.8}.scoreboard{background:#142b36;color:white;text-align:center;padding:32px 28px;border-radius:5px;margin-bottom:35px}.scoreboard-meta{color:#a5b9c0;font-size:12px;letter-spacing:1.5px}.scoreboard-main{display:flex;align-items:center;justify-content:center;gap:55px;margin:26px 0}.scoreboard-main>div{display:flex;flex-direction:column;align-items:center;gap:18px;flex:1}.scoreboard-main a{font-size:23px;font-weight:800}.scoreboard-main .save-text{background:transparent;color:#c6d7de;border-color:#5b7480;font-size:12px}.scoreboard-main .save-text[aria-pressed=true]{color:var(--lime);border-color:#9bb955}.scoreboard-main>b{font-family:Impact,Arial,sans-serif;font-size:80px;font-weight:400;color:#d5f570;white-space:nowrap}.scoreboard-main>b span{font-size:30px;margin:0 20px;color:#718a95}.scoreboard>p{font-size:14px;color:#b7cad2}.detail-panel{background:white;border:1px solid #d9e2e5;border-radius:4px;padding:27px}.detail-panel h2{font-size:23px;margin-bottom:23px}.detail-panel dl{margin:0 0 20px}.detail-panel dl>div{display:grid;grid-template-columns:100px 1fr;gap:15px;border-bottom:1px solid #e7edee;padding:16px 0;font-size:14px}.detail-panel dt{color:#8a9ba3}.detail-panel dd{margin:0;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.text-link:hover{color:#6d8b26}.related-video{display:flex;align-items:center;gap:18px;background:#edf2e7;border:1px solid #d6e0c8;padding:24px;margin:25px 0;border-radius:4px}.related-video span{flex:1}.related-video b{display:block;font-size:17px}.related-video small{display:block;font-size:13px;color:#7d8e79;margin-top:8px}.subsection-title{font-size:22px;margin:32px 0 20px}.editorial-feature{display:grid;grid-template-columns:1.15fr 1fr;background:var(--ink);color:white;margin-bottom:37px;border-radius:5px;overflow:hidden}.editorial-photo{position:relative;min-height:340px;overflow:hidden}.editorial-photo img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.editorial-photo>span{position:absolute;bottom:22px;left:25px;font-family:Impact,Arial,sans-serif;font-size:42px;color:#e3f4c1;letter-spacing:.5px}.editorial-feature>div:last-child{padding:40px;display:flex;flex-direction:column;justify-content:center}.editorial-feature .eyebrow{color:var(--lime);font-size:12px}.editorial-feature h2{font-size:30px;line-height:1.5;margin:22px 0}.editorial-feature p{font-size:15px;line-height:1.9;color:#adc3cd;margin-bottom:27px}.editorial-feature .text-link{color:var(--lime)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.article-card{display:flex;flex-direction:column;position:relative;background:white;border:1px solid #dbe3e7;padding:23px;border-radius:4px;transition:transform .2s,border-color .2s}.article-card:hover{transform:translateY(-3px);border-color:#97aab2}.article-card-top{display:flex;justify-content:space-between;gap:12px;color:#93a3aa;font-size:11px}.article-card-top>span{color:#78962d}.article-number{font-family:Impact,Arial,sans-serif;font-size:44px;color:#d8e0e4;margin-top:18px}.article-card h2{font-size:19px;line-height:1.7;margin:9px 0 17px}.article-card p{font-size:14px;line-height:1.9;color:#84949c;margin-bottom:23px}.article-card .text-link{margin-top:auto;justify-content:space-between}.article-page{max-width:1200px;padding-top:40px}.article-page>.content-sidebar{grid-template-columns:minmax(0,1fr) 280px;gap:50px}.article-body h1{font-size:31px;color:#152f3c;line-height:1.6;margin:22px 0 25px;letter-spacing:-.8px}.article-meta{display:flex;gap:15px;align-items:center;font-size:12px;color:#8b9ba3}.article-meta>span:first-child{background:#e9f0dc;color:#68852b;padding:5px 8px}.article-lead{font-size:17px;line-height:2;color:#627c89}.article-rule{height:1px;background:#d4dfe3;margin:32px 0}.article-body h2{font-size:24px;margin-bottom:25px}.article-body>section{margin:35px 0}.section-index{color:#8fa3ac;font-size:12px}.article-body h3{font-size:21px;line-height:1.6;margin:10px 0 15px}.article-body>p,.article-body section p{font-size:16px;line-height:2;color:#66808d}.original-article{background:#eaf0f1;border-left:3px solid #8199a5;padding:23px;margin:32px 0}.original-article>span{font-size:16px;font-weight:700}.original-article p{font-size:14px;line-height:1.8;color:#7d939d;margin:12px 0}.original-article a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.related-articles{margin-top:29px}.related-articles h3{font-size:17px;font-weight:700;margin-bottom:15px}.related-articles a{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.8;padding:16px 0;border-top:1px solid #d8e2e5}.glossary-search{padding:20px;margin-bottom:22px}.glossary-search input{font-size:16px}.glossary-list{border:1px solid #dbe4e7;border-radius:4px;background:white;padding:0 24px}.glossary-list [data-slot=accordion-trigger]{padding:19px 0!important;align-items:center!important}.glossary-list [data-slot=accordion-trigger] small{display:block;color:#90a1a8;font-size:11px;margin-bottom:8px}.glossary-list [data-slot=accordion-trigger] b{font-size:18px;font-weight:700}.glossary-list [data-slot=accordion-content] p{font-size:16px;line-height:1.95;color:#6e8591;padding:0 0 15px}.dictionary-quiz{display:block;padding:25px;background:var(--lime);border-radius:4px;margin-bottom:22px}.dictionary-quiz h2{font-size:24px;margin:17px 0 24px}.video-feature{height:310px;position:relative;overflow:hidden;border-radius:4px;margin-bottom:23px}.video-feature img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.42)}.video-feature>div{position:relative;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;color:white;gap:18px}.video-feature p{font-size:14px;color:#c3d3da}.video-directory{background:white;border:1px solid #d9e3e7;border-radius:4px}.video-directory>a{display:flex;align-items:center;gap:19px;padding:23px;border-bottom:1px solid #e0e8eb}.video-directory>a:last-child{border:0}.video-directory>a:hover{background:#eff4e7}.video-number{color:#98a9b0;font-size:13px}.video-directory>a>div{flex:1}.video-directory small{font-size:12px;color:#93a5ad}.video-directory h2{font-size:18px;line-height:1.6;margin:8px 0}.video-directory p{font-size:14px;line-height:1.9;color:#7b939f}.contact-panel p{font-size:16px;line-height:2;color:#768f9b;margin:25px 0}.contact-panel .eyebrow{color:#94a9b3}.contact-panel small{display:block;font-size:12px;color:#8da1aa;margin-top:20px}
@media(max-width:1150px){.header nav{gap:15px}.header nav a{font-size:13px}.header nav a:nth-child(4),.header nav a:nth-child(5){display:none}.content-sidebar{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.context-support{padding:20px}.fixture{gap:12px;padding:18px 15px}.fixture-status{display:none}.article-grid{grid-template-columns:1fr 1fr}.article-page>.content-sidebar{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.editorial-feature h2{font-size:26px}.editorial-feature>div:last-child{padding:28px}.scoreboard-main{gap:20px}.scoreboard-main>b{font-size:65px}.scoreboard-main a{font-size:20px}.list-toolbar{align-items:stretch;flex-direction:column}.search-field{max-width:100%}}
@media(max-width:800px){.header nav a:last-child{display:flex}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.content-sidebar,.article-page>.content-sidebar{grid-template-columns:1fr}.context-support{position:static}.intro-count{font-size:70px}.league-directory{grid-template-columns:1fr}.league-summary{gap:20px;flex-wrap:wrap}.league-summary>a{margin:0;width:100%}.editorial-feature{grid-template-columns:1fr}.editorial-photo{min-height:260px}.editorial-feature>div:last-child{padding:28px}.article-page{max-width:800px}.fixture-status{display:block}}
@media(max-width:600px){.header nav{display:none}.page-intro-inner,.subpage-body{padding:27px 5% 32px}.breadcrumb{font-size:11px;gap:8px;margin-bottom:20px}.page-intro .eyebrow{font-size:10px;letter-spacing:1px}.page-intro h1{font-size:28px;letter-spacing:-.5px;line-height:1.5;margin:13px 0}.page-intro p{font-size:14px}.intro-count{display:none}.content-sidebar{gap:28px}.subpage-body{padding-top:26px;padding-bottom:35px}.league-pills{gap:6px;margin-bottom:22px}.league-pills button{font-size:12px;padding:9px 10px}.page-tabs button{font-size:14px!important;padding:15px 8px!important}.fixture{padding:17px 13px;gap:11px;align-items:flex-start}.fixture-date{width:45px;margin-top:3px}.fixture-date b{font-size:21px}.fixture-date span{font-size:11px}.fixture-score{gap:6px;font-size:13px;flex-wrap:wrap}.fixture-score>span{min-width:68px}.fixture-score b{font-size:24px}.fixture-meta{font-size:10px;line-height:1.6}.fixture-body small{font-size:10px}.fixture-status,.fixture>svg{display:none}.league-directory>a{padding:21px;gap:12px}.league-directory h2{font-size:24px}.league-summary{gap:22px;padding-bottom:20px;margin-bottom:22px}.league-summary>span{font-size:11px;gap:6px}.league-summary b{font-size:29px}.team-directory{gap:10px}.team-directory>div{padding:14px}.team-directory a{font-size:14px;gap:5px;line-height:1.7}.team-directory a svg{width:13px}.save-text{font-size:11px;padding:7px 9px}.scoreboard{padding:25px 16px;margin-bottom:28px}.scoreboard-main{gap:12px;margin:25px 0}.scoreboard-main>b{font-size:48px}.scoreboard-main>b span{font-size:20px;margin:0 10px}.scoreboard-main a{font-size:16px}.scoreboard-main>div{gap:13px}.scoreboard-main .save-text{font-size:10px;padding:7px}.scoreboard>p{font-size:12px}.scoreboard-meta{font-size:10px}.detail-panel{padding:23px}.detail-panel dl>div{grid-template-columns:78px 1fr;font-size:14px;gap:11px}.related-video{padding:20px;gap:13px}.related-video b{font-size:15px}.related-video small{font-size:12px;line-height:1.8}.standing-block{padding:15px}.standing-block td{padding:13px 10px;font-size:13px}.article-grid{grid-template-columns:1fr}.article-card{padding:24px}.article-card h2{font-size:20px}.article-card p{font-size:15px}.editorial-photo{min-height:240px}.editorial-photo>span{font-size:34px;left:23px}.editorial-feature h2{font-size:27px}.article-body h1{font-size:27px;line-height:1.65;letter-spacing:-.6px}.article-lead{font-size:16px;line-height:1.95}.article-body h2{font-size:22px}.article-body h3{font-size:20px}.article-meta{font-size:11px;gap:10px}.glossary-list{padding:0 20px}.glossary-list [data-slot=accordion-trigger] b{font-size:17px}.glossary-list [data-slot=accordion-content] p{font-size:15px}.glossary-search{padding:15px}.video-feature{height:260px}.video-directory>a{padding:21px 18px;gap:14px}.video-directory h2{font-size:17px}.video-directory p{font-size:14px}.video-number{font-size:11px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links>a{margin:0!important}.footer-links p{width:100%;margin-top:7px}}
.match-outcome{display:inline-flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0;font-size:20px;font-weight:700;line-height:1.3;cursor:default}.outcome-win{color:#347741}.outcome-loss{color:#778992}.outcome-draw{color:#91752d}.outcome-pending{color:#9aabb2}.outcome-legend{font-size:12px;color:#7c8e95;margin:0 0 14px}.fixture-score>span{display:flex;align-items:center;gap:6px}.fixture-score>span:last-child{justify-content:flex-end}.fixture-score .match-outcome{font-size:16px;min-width:18px}.scoreboard-main .match-outcome{font-size:30px}.scoreboard-main .outcome-win{color:#d5f570}.scoreboard-main .outcome-loss{color:#b7c7ce}.scoreboard-main .outcome-draw{color:#ead889}.match-meta>span:last-child{letter-spacing:0;font-size:12px}@media(max-width:600px){.fixture-score .match-outcome{font-size:15px;min-width:16px}.fixture-score>span{gap:4px}.scoreboard-main .match-outcome{font-size:26px}}
.results-hub{min-width:0}.hub-top{display:flex;justify-content:space-between;align-items:center}.season-label{font-size:14px;letter-spacing:2px;color:#647880}.sex-tabs{margin:12px 0!important}.sex-tabs [data-slot=tabs-trigger]{min-width:100px!important;font-size:16px!important}.results-tabs{width:100%!important;justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;height:auto!important}.results-tabs [data-slot=tabs-trigger]{min-height:48px;padding:12px 20px!important;flex:0 0 auto}.hub-context{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dde5e6;padding:22px 0 12px}.hub-context h2{font-size:25px;font-weight:750}.hub-context a{display:flex;align-items:center;gap:8px;font-size:14px}.month-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 22px}.month-filter>span{color:#647880;font-size:14px;margin-right:10px}.month-filter button{padding:8px 12px;border:1px solid #dbe3e5;border-radius:4px;font-size:14px;background:white}.month-filter button.selected{background:#172a32;color:white;border-color:#172a32}.group-filter{margin-bottom:28px}.match-day{margin:22px 0}.match-day h3{display:flex;gap:16px;align-items:center;font-weight:700;font-size:17px;margin-bottom:10px}.match-day h3 span{font-size:13px;font-weight:400;color:#6c818a}.load-results{display:block;margin:24px auto;padding:14px 28px;border:1px solid #bac9cc;border-radius:4px;font-size:14px}.table-title{display:flex;gap:20px;align-items:center;margin-bottom:14px}.table-title h2{margin:0!important}.table-title>span{font-size:14px;color:#6c818a}.rank-table th{background:#192d35;color:white}.rank-table td:nth-child(3){font-weight:800;font-size:18px}.rank-table tr:first-child td{background:#f2f7e7}.rank-table th,.rank-table td{padding:15px}.matrix-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.matrix-table th,.matrix-table td{border-right:1px solid #e0e7e8;border-bottom:1px solid #e0e7e8;padding:12px;text-align:center;min-width:114px}.matrix-table thead th{background:#192d35;color:white;font-size:13px}.matrix-table th:first-child{position:sticky;left:0;z-index:2;background:#edf2f3;text-align:left;color:#18323c;min-width:150px;font-size:14px;box-shadow:1px 0 #dce4e6}.matrix-table thead th:first-child{background:#192d35;color:white;z-index:3}.matrix-table .matrix-self{background:#edf2f3;color:#b9c8cd}.matrix-result{display:flex;align-items:center;flex-direction:column;gap:3px;padding:5px;border-radius:4px}.matrix-result:hover{background:#edf5d6}.matrix-result>span{display:flex;align-items:center;gap:5px}.matrix-result b{font-size:16px}.matrix-result small{font-size:12px;color:#6c8089}.matrix-pending{color:#81949b;font-size:14px}.matrix-hint{color:#6c818a;font-size:13px;margin-bottom:12px}.photo-credit{font-size:12px!important;letter-spacing:0!important;color:#fff!important;background:#10242bcc;padding:5px 9px;max-width:90%;line-height:1.5}.league-tables{min-width:0}.standing-block{margin-bottom:32px}.data-note a{text-decoration:underline}.results .page-tabs{margin-top:0}.results .results-hub{border-top:1px solid #e0e7e8;padding-top:12px}@media(max-width:600px){.results-tabs [data-slot=tabs-trigger]{font-size:14px!important;padding:12px!important}.hub-context h2{font-size:22px}.matrix-table th:first-child{min-width:115px;max-width:130px;white-space:normal}.matrix-table th,.matrix-table td{min-width:94px;padding:10px 8px}.photo-credit{font-size:11px!important;right:5%;bottom:8px}.hero-match{bottom:70px!important}.rank-table th,.rank-table td{padding:12px}.month-filter{gap:6px}.month-filter>span{width:100%}}

.recent-section-title{font-size:20px;font-weight:750;margin:24px 0 14px}.upcoming-section{margin-top:36px;padding-top:28px;border-top:2px solid #1a3038}.upcoming-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.upcoming-heading h3{font-size:25px;font-weight:750;margin-top:6px}.upcoming-heading>span{font-size:14px;color:#647880}.upcoming-section .fixture-status{background:#eaf2d4;color:#435c1d;white-space:nowrap;padding:6px 10px;border-radius:4px}@media(max-width:600px){.upcoming-heading{align-items:start;flex-direction:column;gap:8px}.upcoming-heading h3{font-size:22px}}

.hero{background:linear-gradient(115deg,#111f25 30%,#23434e 100%)}.hero-shade{background:none!important}.photo-label{top:90px;font-size:clamp(72px,11vw,164px);color:#d1f65a;line-height:1}.photo-label span{color:#c6d4d8;font-size:13px;letter-spacing:2px;margin-top:18px}.editorial-photo{background:#172d36;min-height:300px;display:flex;align-items:center;justify-content:center}.editorial-photo>span{position:static!important;max-width:85%;font-size:clamp(34px,5vw,65px)!important;line-height:1.1;white-space:normal;color:#d1f65a!important}.video-feature{background:linear-gradient(120deg,#142630,#284751);min-height:280px}.video-feature>div{position:relative!important;inset:auto!important;padding:42px!important}@media(max-width:600px){.hero-match{bottom:32px!important}.editorial-photo{min-height:180px}.video-feature{min-height:220px}.video-feature>div{padding:28px!important}}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(17,31,37,.93) 0%,rgba(17,31,37,.77) 34%,rgba(17,31,37,.15) 64%,rgba(17,31,37,.12) 100%)!important}.hero-copy{position:relative;z-index:1}@media(max-width:600px){.hero>img{object-position:62% center;opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(17,31,37,.87),rgba(17,31,37,.43)),linear-gradient(0deg,#111f25,transparent 65%)!important}}