*,::after,::before{box-sizing:border-box}*{margin:0;padding:0;outline:0;list-style:none}
:root{--main_color:#cc0000;--font_type:NeoSansArabic;--font_size:16px;--body_bg:#eceef2;--header_bg:#fff;--header_color:#222;--logo_bd:#cc0000;--logo_color:#fff;--yrsdaybg:#8b0000;--todaybg:#cc0000;--tomorobg:#a80000;--footer_bd:#fff;--footer_border:#ddd;--cop_bd:#eceef2;--cop_color:#222;--bk-hd-bg:var(--Gray1);--bk-ttl-bg:var(--DarkColor);--btn-bg:var(--DarkColor);--match-bg:#eceef2;--Gray1:#eceef2;--Gray2:#ddd;--Gray3:#d8dbe1;--LightColor:#fff;--DarkColor:#273340;--LightColor2:#f6f7fa;--bk-shadow:rgba(0,0,0,.3);--text-color:#111827;--muted-color:#4b5563;--soft-border:#d7dce3}
body{--yall-padding:12px;--rounded:8px;font-family:var(--font_type),Segoe UI,Tahoma,Arial,sans-serif;line-height:1.5;background:var(--body_bg);color:var(--text-color);font-size:var(--font_size);font-weight:500;transition:background-color .28s ease,color .28s ease}
.Night,.Night body{--body_bg:#121d28;--header_bg:#233241;--header_color:#f8fbff;--Gray2:#2f4051;--Gray3:#162433;--Gray1:#1a2937;--LightColor:#1f3040;--footer_bd:#1f3040;--footer_border:#324457;--cop_bd:#162433;--cop_color:#dce8f4;--DarkColor:#172332;--LightColor2:#182636;--match-bg:#1b2a38;--bk-hd-bg:#152231;--bk-ttl-bg:#d30000;--btn-bg:#d30000;--bk-shadow:rgba(0,0,0,.45);--text-color:#f8fbff;--muted-color:#b9c8d6;--soft-border:#314457}
.Night a,.Night body,body.Night{color:#f8fbff}.Night .MainMenu a:hover{color:#fff!important}.d-none{display:none}.screen-reader{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.hed-btn,.AY_Match,.AY_Block,.AYa-SiteInfo a{border-radius:var(--rounded)}.aya-btn,.MT_Stat{position:relative;background:var(--btn-bg);padding:4px 10px 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rounded);color:#fff;font-size:15px;text-align:center;border:0;cursor:pointer;font-family:inherit;font-weight:500}
a.aya-btn:hover,.aya-btn:hover{opacity:.84;color:#fff}.d-fx{display:flex}.fx-cen,.AY_Inner{display:flex!important;align-items:center!important}.fx-wrap{display:flex;flex-wrap:wrap}.grow-1{flex-grow:1}.gap-5{gap:5px}.gap-20{gap:20px}
a{color:#222;text-decoration:none}a:focus,a:hover{color:var(--main_color);transition:.5s ease}strong{font-weight:500}.container{max-width:1024px;margin:auto;padding:0 var(--yall-padding)}
#AYaHeader{position:relative;margin-bottom:15px}.HdrInner{width:100%;background:var(--header_bg);box-shadow:0 0 4px var(--bk-shadow);position:relative}.HdrInner>.container{min-height:85px}.AYaLogo{background:var(--logo_bd);box-sizing:border-box;max-width:200px;border-radius:var(--rounded)}.AYaLogo.textlogo{padding:5px}.AYaLogo>a{display:flex;flex-direction:column;justify-content:center}.AYaLogo span{display:block;text-align:center;color:var(--logo_color);font-size:19px;line-height:33px}.AYaLogo .SiteName{font-size:30px}
.AYaMainNav{flex:1}.AYaMainNav li{position:relative}.MainMenu li>a{padding:8px;display:block;white-space:nowrap;font-size:17px;color:var(--header_color)}.MainMenu li a:hover{color:var(--main_color)}.hed-btn{height:35px;width:35px;background:var(--DarkColor);display:inline-flex;cursor:pointer;justify-content:center;align-items:center;border:0}.hed-btn .icon{width:22px;height:22px;color:#fff}
.HdrInner,.AY_Block,.AY_Match,.MT_Info,.FW-Area,.SnfoInner,.AYaMainNav,.tmz-name span,.hed-btn{transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease}
.theme-toggle{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.theme-toggle::before{content:"";position:absolute;inset:5px;border-radius:50%;background:rgba(255,255,255,.08);transform:scale(.45);opacity:0;transition:transform .28s ease,opacity .28s ease}.theme-toggle .icon{position:relative;z-index:1;transition:transform .28s ease,color .28s ease}.theme-toggle:hover .icon{transform:rotate(-18deg) scale(1.05)}.Night .theme-toggle{background:#d30000;box-shadow:0 6px 18px rgba(211,0,0,.22)}.Night .theme-toggle::before{transform:scale(1);opacity:1}.Night .theme-toggle .icon{color:#fff6d6;transform:rotate(18deg)}
.AY_Block{margin-bottom:20px;box-shadow:0 0 4px var(--bk-shadow);background:var(--LightColor);overflow:hidden}.AYb_Head{padding:12px;overflow:hidden;border-bottom:1px solid var(--Gray2);border-radius:var(--rounded) var(--rounded) 0 0;background:var(--bk-hd-bg);display:flex;justify-content:space-between}.AYb_Head h2{font-size:16px}.AYb_Head a{color:#fff}.AYb_Head .aya-btn{--btn-bg:var(--bk-ttl-bg)}
.tmz-name{display:flex;height:20px;overflow:hidden;padding:2px 5px 0;justify-content:flex-end}.tmz-name span{font-size:10px;padding:2px 8px;background:var(--bk-hd-bg);border-radius:6px 6px 0 0;box-shadow:0 0 4px 0 rgba(0,0,0,.3)}.AY-Dtab li.today a{--btn-bg:var(--todaybg)}.AY-Dtab li.yesterday a{--btn-bg:var(--yrsdaybg)}.AY-Dtab li.tomorrow a{--btn-bg:var(--tomorobg)}.AY-Dtab a.active{box-shadow:inset 0 -2px 0 rgba(255,255,255,.9)}
.albaflex{width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:12px 12px 0;min-height:250px}.albaflex.fade{animation:softIn .25s ease}@keyframes softIn{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}
.AY_Match{order:3;overflow:hidden;text-align:center;background:var(--match-bg);margin-bottom:12px;position:relative;--stat-bg:#263545;border:1px solid transparent}.AY_Match a{color:#222}.AY_Match.live{order:1}.AY_Match.comming-soon{order:2}.AY_Match.not-started{order:3}.AY_Match.finished{order:4}.Night .AY_Match{border-color:var(--soft-border);box-shadow:0 10px 24px rgba(0,0,0,.16)}.Night .AY_Match a,.Night .TM_Name,.Night .MT_Time,.Night .MT_Result,.Night .MT_Info li{color:#fff}.Night .AYb_Head{border-bottom-color:var(--Gray2)}.Night .MT_Info{border-top-color:var(--Gray2);background:#182635}.Night .tmz-name span{color:#fff}.Night .FW-Area li a{color:#d9e5f0}.Night .FW-Area li{color:#d30000}.Night .FW-Title .title{color:#fff}.Night .team-fallback{background:#26384a;color:#fff}
.MT_Team{display:flex;align-items:center;flex:1}.MT_Team.TM2{flex-direction:row-reverse}.TM_Logo{width:50%}.TM_Logo img,.team-fallback{margin:10px auto;display:flex;width:70px;height:70px;object-fit:contain}.team-fallback{background:#e0e4ea;border-radius:50%;color:#273340;align-items:center;justify-content:center;font-size:14px;font-weight:700}.TM_Name{margin:8px auto;font-weight:500;word-break:break-word}.MT_Data{margin:12px auto;display:flex;flex-direction:column;align-items:center;min-width:120px}.MT_Time{font-size:16px}.MT_Result{font-size:21px;display:inline-flex;gap:5px}.MT_Stat{font-size:14px;margin:6px auto 0;height:25px;min-width:60px;--btn-bg:var(--stat-bg)}
@keyframes blinker{50%{background:#263545}}.AY_Match.live .MT_Stat{--stat-bg:#d00000;animation:blinker .5s ease-in-out infinite}.AY_Match.finished{--stat-bg:#474747}.AY_Match.comming-soon{--stat-bg:#0039a6}.MT_Info{border-top:1px solid var(--Gray2);overflow:hidden;width:100%}.MT_Info ul{display:flex;align-items:center}.MT_Info li{flex:1;font-size:14px;padding:5px 5px 7px}.MT_Info li::before{content:"🏆";margin-left:7px}.MT_Info li:first-child::before{content:"📺"}.MT_Info li:nth-child(2)::before{content:"🎙️"}
.AY_Inner>div{flex:0 0 auto;width:33.33333333%}.MT_Mask{position:absolute;inset:0;height:100%;width:100%;opacity:0;cursor:pointer;background:rgb(0 0 0/60%);z-index:9;transition:.25s ease}.AY_Match:hover .MT_Mask{opacity:1}.MT_MaskText{position:absolute;bottom:0;right:0;height:45px;margin:auto;left:0;top:0;width:45px;background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm88.5 269.6l-128 80A16 16 0 01192 336V176a16 16 0 0124.5-13.6l128 80a16 16 0 010 27.2z'/%3E%3C/svg%3E")}
.no-data__msg{min-height:250px;display:flex;align-items:center;justify-content:center;width:100%;color:#666;flex-direction:column;gap:10px}.spinner svg{width:42px;height:42px;color:var(--main_color);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
#AYaFooter{position:relative;margin-top:15px;width:100%;box-shadow:0 0 4px var(--bk-shadow)}.FW-Area{background:var(--footer_bd);width:100%}.FW-Area li{list-style:outside;color:#4285f4;width:100%;margin-right:16px}.FW-Area li a{color:#484848;display:block;font-size:14px;line-height:33px}.FWidget{width:25%;padding:20px 12px;box-sizing:border-box}.FWidget.no-items{padding:0}.FW-Title{margin-bottom:10px;position:relative}.FW-Title::before{background:var(--main_color);content:"";height:3px;position:absolute;width:23px;bottom:-1.5px}.FW-Title .title{border-bottom:var(--footer_border) solid 1px;padding-bottom:8px;font-weight:700;font-size:16px;display:inline-block}.AYa-SiteInfo a{font-size:13px;padding:0 7px;display:block;color:var(--cop_color)}.SnfoInner{background:var(--cop_bd);color:var(--cop_color);padding:20px 0}.SnfoInner .cp-text{font-size:13px}
.SiteOverlay{width:100%;height:100%;position:fixed;top:0;right:0;left:0;z-index:50;opacity:0;visibility:hidden;transition:all .2s;background-color:rgba(0,0,0,.8)}html.OpenMenu .SiteOverlay{visibility:visible;opacity:1}html.OpenMenu,html.OpenMenu>body{overflow:hidden}html:not(.Night) .sun,.Night .mon{display:none}.Night .CloseNave .line{background:#fff}
@media screen and (min-width:1001px){.AYaLogo{width:200px;margin:8px 0}.hed-btn.op,.hed-btn.mo,.CloseNave{display:none!important}.AYaMainNav{align-items:center;display:flex}.MainMenu{flex:1;display:flex;flex-wrap:wrap}}
@media screen and (max-width:1000px){.AYaLogo{margin:8px auto;width:auto;flex:0 0 auto}.AYaMainNav{float:none;z-index:99;height:100%;width:280px;position:fixed;top:0;right:-300px;margin:auto;transition:all .7s ease 0s;padding:60px 15px 15px;overflow-x:hidden;box-shadow:0 1px 6px rgba(32,33,36,.4);background:var(--LightColor)}html.OpenMenu .AYaMainNav{right:0}.MainMenu li{width:100%;margin-bottom:15px}.MainMenu li a{background:var(--DarkColor);padding:6px 12px 7px;color:#fff;border-radius:var(--rounded)}.AYaSocial{justify-content:space-between}.hed-btn.op,.hed-btn.mo{height:40px;width:40px}.liwte .line{display:flex;width:22px;height:3px;background:#fff;border-radius:1px;margin:5px 0}.CloseNave{display:inline-block;cursor:pointer;right:calc(50% - 14px);position:absolute;top:20px;width:20px;height:20px}.CloseNave .line{background:var(--DarkColor);position:absolute}.CloseNave .line.line-1{transform:rotate(45deg)}.CloseNave .line.line-2{transform:rotate(-45deg)}}
@media screen and (max-width:900px){.FWidget{width:50%}}@media screen and (max-width:500px){body{--yall-padding:8px}.AYb_Head{padding:8px}.AYaLogo .SiteName{font-size:26px}.AY-Fixture .AYb_Head h2{display:block;width:100%;text-align:center;margin-bottom:6px}.AY-Dtab{width:100%}.AY-Dtab li{flex:1}.AY-Dtab li a{height:100%;display:flex;padding-right:0;padding-left:0;font-size:14px;width:100%}.TM_Logo img,.team-fallback{margin-bottom:0;width:50px;height:50px}.MT_Team{flex-direction:column!important}.TM_Logo{width:100%}.MT_Data{margin:13px auto;min-width:92px}.MT_Info li:nth-child(2){display:none}.MT_Info li{width:50%;font-size:12px!important}.FWidget{width:100%}.SnfoInner .container{display:block}.cp-text{display:block;margin-top:8px}}

@media screen and (min-width:1200px){
  body{--yall-padding:14px}
  .container{max-width:1180px}
  .albaflex{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:stretch}
  .AY_Match{flex:1 1 calc(50% - 6px);min-width:0;margin-bottom:0}
  .no-data__msg{flex:1 0 100%}
  .TM_Logo img,.team-fallback{width:clamp(56px,5vw,70px);height:clamp(56px,5vw,70px)}
}

@media screen and (min-width:768px) and (max-width:1199px){
  body{--yall-padding:12px}
  .container{max-width:100%;padding-right:var(--yall-padding);padding-left:var(--yall-padding)}
  .albaflex{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:stretch}
  .AY_Match{flex:1 1 calc(50% - 6px);min-width:340px;margin-bottom:0}
  .no-data__msg{flex:1 0 100%}
  .AYb_Head{gap:8px}
  .TM_Logo img,.team-fallback{width:clamp(54px,7vw,70px);height:clamp(54px,7vw,70px)}
}

@media screen and (max-width:767px){
  body{--yall-padding:8px;font-size:15px}
  .container{width:100%;max-width:100%;padding-right:var(--yall-padding);padding-left:var(--yall-padding)}
  #AYaHeader{margin-bottom:12px}
  .HdrInner>.container{min-height:72px;gap:10px}
  .AYaLogo{max-width:176px}
  .AYaLogo .SiteName{font-size:25px;line-height:30px}
  .AYaLogo span{font-size:17px;line-height:28px}
  .hed-btn.op,.hed-btn.mo{width:44px;height:44px;flex:0 0 44px}
  .AYaMainNav{width:min(82vw,300px);right:-330px}
  .MainMenu li a{min-height:44px;display:flex;align-items:center}
  .AYb_Head{gap:8px}
  .AY-Dtab{gap:5px}
  .AY-Dtab li a{min-height:44px;align-items:center;justify-content:center}
  .albaflex{flex-direction:column;gap:0;padding:8px 8px 0}
  .AY_Match{width:100%;flex:1 1 100%;margin-bottom:12px}
  .AY_Inner{min-height:118px}
  .AY_Inner>div{width:33.33333333%;min-width:0}
  .TM_Name{font-size:14px;line-height:1.35;max-width:100%;overflow-wrap:anywhere}
  .MT_Data{min-width:0;width:33.33333333%;margin:10px auto}
  .MT_Time{font-size:16px}
  .MT_Result{font-size:20px}
  .MT_Stat{font-size:13px;min-width:68px;min-height:28px}
  .MT_Info li{font-size:12px!important;padding:7px 4px}
  .TM_Logo img,.team-fallback{width:50px;height:50px}
  .FWidget{width:100%}
}

@media screen{
  .albaflex{display:flex;flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important;align-items:stretch!important}
  .AY_Match{width:100%!important;max-width:100%!important;flex:0 0 auto!important;margin-bottom:12px!important}
  .AY_Match:last-child{margin-bottom:12px!important}
  .no-data__msg{width:100%!important;flex:0 0 auto!important}
}
