@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url(/assets/fonts/noto-kufi-arabic-v27.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url(/assets/fonts/noto-kufi-latin-v27.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
 --bg:#0B1220;--surface:#111A2B;--surface-elevated:#172238;--text:#F8FAFC;--text-muted:#A7B0C0;
 --primary:#22C55E;--primary-hover:#16A34A;--link:#4ade80;--live:#b91c1c;--warning:#fbbf24;
 --border:rgba(255,255,255,.1);--radius-md:12px;--radius-lg:20px;--container:1180px;
}
.ThemeLight{--bg:#f3f6fb;--surface:#fff;--surface-elevated:#eef3fa;--text:#0b1220;--text-muted:#526076;--link:#146c35;--border:rgba(11,18,32,.12);--warning:#854d0e}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.8;min-height:100vh}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:var(--link)}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
[hidden]{display:none!important}
.site-container{width:min(100% - 40px,var(--container));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}
.site-header__inner{display:flex;align-items:center;gap:24px;min-height:78px}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;flex:none}
.brand img{width:36px;height:36px}
.brand__text{display:flex;flex-direction:column;line-height:1.5}
.brand__text strong{font-size:17px}
.brand__text small{color:var(--text-muted);font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.4px}
.site-nav{flex:1}
.site-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.site-nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;color:var(--text-muted)}
.site-nav a[aria-current="page"]{color:var(--link);background:var(--surface-elevated)}
.site-nav a:hover{color:var(--text);background:var(--surface-elevated)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);flex:none}
.site-nav__close,[data-action="open-menu"],.icon-moon,.ThemeLight .icon-sun{display:none}
.ThemeLight .icon-moon{display:block}
.skip-link{position:fixed;top:8px;right:16px;z-index:100;padding:12px 20px;background:var(--primary);color:#052e16;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-main{padding:20px 0 48px;outline:none}
.page-intro{margin:24px 0}
.page-intro h1{font-size:clamp(25px,3vw,38px);line-height:1.6;margin:0 0 8px;letter-spacing:-.5px}
.page-intro p{margin:0;max-width:80ch;color:var(--text-muted)}
.page--homepage .page-intro{border-inline-start:4px solid var(--primary);padding-inline-start:20px}
.refresh-bar{display:none;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:12px;min-height:44px;flex-wrap:wrap}
.js .refresh-bar{display:flex}
.refresh-bar>div{display:flex;gap:6px}
.refresh-bar button{padding:8px 10px;min-height:44px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:12px}
.refresh-bar button:hover{color:var(--text);background:var(--surface)}
.is-warning{color:var(--warning)}
.match-summary{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(110deg,var(--surface),var(--surface-elevated));border:1px solid var(--border);border-radius:16px;padding:18px 0;margin-bottom:28px}
.match-summary>div{display:flex;align-items:center;justify-content:center;gap:16px}
.match-summary>div+div{border-inline-start:1px solid var(--border)}
.match-summary strong{font-family:Arial,sans-serif;font-size:32px;font-variant-numeric:tabular-nums;line-height:1.2}
.match-summary span{font-size:12px;color:var(--text-muted)}
.match-summary [data-count="live"]{color:var(--link)}
.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
.schedule-primary,.schedule-sidebar{min-width:0}
.block{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;min-width:0}
.block__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.block__head h2{margin:0;font-size:18px;line-height:1.7}
.tz-chip{color:var(--text-muted);font-size:12px;padding:4px 10px;border:1px solid var(--border);border-radius:99px;white-space:nowrap}
.date-nav ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;list-style:none;margin:0 0 18px;padding:0}
.date-nav__btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 8px;border-radius:9px;background:var(--surface-elevated);font-size:12px}
.date-nav__btn.is-active{background:var(--primary);color:#052e16;font-weight:700}
.match-list{display:flex;flex-direction:column;gap:10px}
.match-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:12px 16px;min-width:0}
.match-card--live,.match-card--halftime{border-inline-start:3px solid var(--live)}
.match-card__header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;color:var(--text-muted)}
.match-card__competition{min-width:0;overflow-wrap:anywhere}
.match-card__status{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-weight:700;font-size:12px;background:var(--bg);color:var(--text);white-space:nowrap;flex:none}
.match-card--live .match-card__status,.match-card--halftime .match-card__status{background:var(--live);color:#fff}
.match-card--finished .match-card__status{background:#334155;color:#fff}
.match-card--comming-soon .match-card__status{background:#1d4ed8;color:#fff}
.match-card__teams{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:10px;min-height:52px}
.match-team{display:flex;align-items:center;gap:12px;min-width:0;font-weight:700;font-size:13px}
.match-team:last-child{flex-direction:row-reverse;text-align:end}
.match-team a,.match-team>span:not(.logo-placeholder){overflow-wrap:anywhere;min-width:0}
.match-team a{padding-block:8px}
.match-team img,.logo-placeholder{width:40px;height:40px;object-fit:contain;flex:none}
.logo-placeholder{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#14532d}
.match-card__center{display:flex;align-items:center;flex-direction:column;line-height:1.5;gap:2px}
.match-card__center time{font-family:Arial,sans-serif;font-size:12px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.match-card__vs{font-size:12px;color:var(--text-muted)}
.match-card__day{font-size:12px;color:var(--link)}
.match-card__score{display:flex;gap:10px;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:24px;line-height:1.2}
.match-card__score>span{color:var(--text-muted);font-size:18px}
.match-card__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:12px;color:var(--text-muted);margin-top:8px;border-top:1px solid var(--border);padding-top:6px}
.quick-links{display:flex;flex-direction:column}
.quick-links a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;min-height:48px;font-size:12px;border-bottom:1px solid var(--border)}
.quick-links a:last-child{border:0}
.quick-links span,.eyebrow,.section-link{color:var(--link)}
.guide-card{background:linear-gradient(155deg,var(--surface-elevated),var(--surface));border-top:3px solid var(--primary)}
.eyebrow{font-size:12px}
.guide-card h2{font-size:20px;line-height:1.8;margin:10px 0}
.guide-card p{color:var(--text-muted);font-size:12px;margin:0 0 20px}
.guide-card>a{font-size:12px;text-decoration:underline;text-underline-offset:5px}
.section-link{font-size:12px;padding:8px 0}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin-inline-end:6px}
.state-box{display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;padding:20px;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);font-size:13px}
.state-box--error,.state-box__note{color:var(--warning)}
.state-box__note{font-size:12px;margin:0;padding:12px;border:1px solid var(--border);border-radius:8px}
.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));list-style:none;gap:12px;margin:0;padding:0}
.comp-card{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:94px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);transition:border-color .15s}
.comp-card:hover{border-color:var(--primary)}
.comp-card strong{font-size:13px}
.comp-card span{font-family:Arial,sans-serif;font-size:12px;color:var(--text-muted)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px;padding:0;color:var(--text-muted);font-size:12px}
.breadcrumbs a{display:inline-block;padding:8px 0}
.breadcrumbs li:last-child{padding:8px 0}
.breadcrumbs li:not(:last-child)::after{content:"‹";margin-inline-start:8px}
.prose{max-width:75ch;margin:24px 0;font-size:15px}
.prose h1{font-size:30px;line-height:1.6}
.prose h2{font-size:20px;margin:24px 0 12px}
.prose p,.prose li{color:var(--text-muted)}
.prose a{color:var(--link);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.plain-list{list-style:none;padding:0}
.plain-list li{padding:10px 0;border-bottom:1px solid var(--border)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:10px;padding:8px 20px;background:var(--primary);color:#052e16;font-weight:700}
.btn-primary:hover{background:var(--primary-hover);color:#052e16}
.error-code{font-family:Arial,sans-serif;font-size:80px!important;color:var(--link)!important;line-height:1.2}
.site-footer{background:var(--surface);border-top:1px solid var(--border)}
.site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:40px 0}
.site-footer h2{font-size:14px;margin:0 0 12px}
.site-footer strong{font-size:18px}
.site-footer p{font-size:12px;color:var(--text-muted);max-width:30ch}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer a{display:inline-block;color:var(--text-muted);font-size:12px;padding:5px 0;min-height:34px}
.site-footer a:hover{color:var(--link)}
.site-footer__copy{border-top:1px solid var(--border);padding:16px 0;color:var(--text-muted);font-size:12px}
.site-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:30}
.client-ad{max-width:100%;margin:12px auto;text-align:center;overflow:hidden}
.client-ad img,.client-ad iframe,.client-ad ins{max-width:100%}
@media(min-width:1024px){#upcoming-matches .match-list,#latest-results .match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#upcoming-matches .state-box,#latest-results .state-box{grid-column:1/-1}}
@media(max-width:1023px){
 .site-header__inner{gap:12px;min-height:70px;flex-wrap:wrap}
 .brand{flex:1;justify-content:center;order:2}
 .js [data-action="open-menu"]{display:inline-flex;order:1}
 [data-action="theme-toggle"]{order:3}
 .site-nav{order:4;flex-basis:100%}
 .site-nav ul{justify-content:center;flex-wrap:wrap;padding-bottom:8px}
 .js .site-nav{position:fixed;top:0;bottom:0;right:0;width:min(320px,86vw);height:100dvh;padding:76px 24px 24px;background:var(--surface);z-index:60;overflow:auto;transform:translateX(105%);visibility:hidden;transition:transform .2s}
 .js.is-nav-open .site-nav{transform:none;visibility:visible}
 .js .site-nav ul{display:flex;flex-direction:column;gap:8px}
 .js .site-nav a{width:100%;min-height:48px}
 .js .site-nav__close{display:inline-flex;position:absolute;top:16px;right:24px;font-size:24px}
 .is-nav-open body{overflow:hidden}
 .schedule-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}
 .site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:800px){.schedule-layout{display:block}.schedule-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.match-summary>div{gap:10px}}
@media(max-width:560px){
 .site-container{width:calc(100% - 24px)}
 .site-main{padding-top:12px}
 .brand__text strong{font-size:15px}
 .brand__text small{font-size:10px}
 .brand img{width:30px;height:30px}
 .site-header__inner{gap:8px}
 .refresh-bar{gap:6px;font-size:12px}.refresh-bar>span{flex-basis:100%}
 .refresh-bar button{font-size:12px;padding:6px}
 .page-intro{margin:20px 0}
 .page-intro h1{font-size:25px}
 .page-intro p{font-size:12px}
 .page--homepage .page-intro{padding-inline-start:12px}
 .match-summary{padding:16px 0;margin-bottom:20px}
 .match-summary>div{flex-direction:column;gap:4px}
 .match-summary strong{font-size:28px}
 .match-summary span{font-size:12px}
 .block{padding:14px;border-radius:16px;margin-bottom:18px}
 .block__head{gap:6px;margin-bottom:12px}
 .block__head h2{font-size:15px}
 .tz-chip{font-size:12px;padding:3px 7px}
 .date-nav__btn{font-size:12px;padding:6px 3px}
 .match-card{padding:10px}
 .match-card__header{font-size:12px}
 .match-card__status{font-size:12px}
 .match-card__teams{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:6px}
 .match-team,.match-team:last-child{flex-direction:column;text-align:center;gap:3px;font-size:12px}
 .match-team img,.logo-placeholder{width:36px;height:36px}
 .match-team a{padding:4px 0}
 .match-card__footer{font-size:12px}
 .schedule-sidebar{display:block}
 .quick-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
 .guide-card{display:none}
 .comp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .comp-card{padding:12px;min-height:92px}
 .comp-card strong{font-size:12px}
 .comp-card span{font-size:12px}
 .site-footer__grid{gap:24px 16px}
 .site-footer__grid>div:first-child{grid-column:1/-1}
 .site-footer p{max-width:none}
 .prose{font-size:14px}
}
@media(max-width:359px){.site-container{width:calc(100% - 16px)}.brand__text strong{font-size:13px}.brand img{width:25px;height:25px}.brand{gap:6px}.refresh-bar>span{flex-basis:100%}.block__head .tz-chip{padding:2px 4px}.match-card__teams{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.date-nav__btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Local filtering works without sending a query or creating duplicate URLs. */
.match-search{display:none;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 24px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px}
.js .match-search{display:flex}
.match-search label{font-size:12px;font-weight:700}
.match-search input{min-width:0;flex:1;min-height:44px;max-width:430px;padding:8px 14px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font-size:13px}
.match-search input::placeholder{color:var(--text-muted)}
#search-status{color:var(--text-muted);font-size:12px}
.ThemeLight .match-summary{background:linear-gradient(110deg,#fff,#eaf7ef)}
.ThemeLight .guide-card{background:linear-gradient(155deg,#f0faf4,#fff)}
.ThemeLight .site-header{background:#fff}
@media(max-width:560px){.match-search{padding:12px;gap:8px;margin-bottom:18px}.match-search label{flex-basis:100%}.match-search input{max-width:none;flex-basis:100%}.match-summary span{font-size:12px}}

.match-controls{display:none;gap:20px;align-items:center;justify-content:space-between;padding:14px 18px;margin:0 0 24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}
.js .match-controls{display:flex}
.match-controls .match-search{background:none;border:0;padding:0;margin:0;flex:1;max-width:540px}
.match-controls .refresh-bar{align-items:flex-end;flex-direction:column;gap:4px}
@media(max-width:800px){.js .match-controls{display:block}.match-controls .match-search{max-width:none}.match-controls .refresh-bar{flex-direction:row;align-items:center;margin-top:12px}}
@media(max-width:560px){.match-controls{padding:12px;margin-bottom:18px}.match-controls .refresh-bar>span{flex-basis:auto}.match-controls .refresh-bar>div{flex-wrap:wrap}.match-controls .match-search label{flex-basis:auto}}
.match-card--watchable{position:relative;cursor:pointer;transition:border-color .15s ease}
.match-card--watchable .match-card__watch-link{position:absolute;inset:0;z-index:1;font-size:0;line-height:0;color:transparent}
.match-card--watchable .match-team a,.match-card--watchable .match-card__competition{position:relative;z-index:2}
.match-card--watchable:hover{border-color:var(--link)}