/* THIRDLINE V4.0 — «كأس آسيا 2027» */
.ac-sec{margin-bottom:clamp(36px,5vw,64px);scroll-margin-top:90px}
.ac-h{font-weight:700;font-size:clamp(22px,2.4vw,30px);margin-bottom:16px}
.ac-h small{display:block;font-weight:400;font-size:14px;color:var(--muted);margin-top:4px}
.ac-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ac-m{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px 16px}
.ac-m.is-ksa{border-color:var(--green)}
.ac-m__meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}
.ac-m__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:8px 0 6px}
.ac-t{display:flex;align-items:center;gap:10px;font-weight:700;font-size:clamp(15px,1.5vw,18px);min-width:0}
.ac-t--h{justify-content:flex-end}
.ac-m__mid{text-align:center;min-width:92px}
.ac-score{font:700 22px var(--f-num)}
.ac-score.is-live{color:var(--green-2)}
.ac-time{font:700 16px var(--f-num);padding:6px 12px;border-radius:999px;background:var(--surface-2,rgba(255,255,255,.06));white-space:nowrap}
.ac-m__mid small{display:block;color:var(--muted);font-size:12px}
.ac-live{color:var(--green-2)!important}
.ac-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:4px;vertical-align:middle;animation:acp 1.2s infinite}
@keyframes acp{50%{opacity:.25}}
.ac-m__venue{text-align:center;color:var(--muted);font-size:13px}
.ac-flag{width:28px;height:20px;border-radius:3px;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.ac-flag--tbd{display:inline-block;background:var(--line)}
.ac-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.ac-g.is-ksa{border-color:var(--green)}
.ac-tbl{width:100%;border-collapse:collapse;margin-top:10px}
.ac-tbl th{font-weight:400;color:var(--muted);font-size:13px;padding:6px 4px;text-align:center}
.ac-tbl td{padding:9px 4px;text-align:center;border-top:1px solid var(--line);font:400 15px var(--f-num)}
.ac-tbl .ac-tbl__t{text-align:start;font-family:var(--f-ar);font-weight:700;display:flex;align-items:center;gap:8px}
.ac-tbl th.ac-tbl__t{display:table-cell}
.ac-tbl__n{color:var(--muted);font:400 14px var(--f-num);width:16px}
.ac-tbl tr.is-ksa td{color:var(--green-2)}
.ac-day{margin-bottom:18px}
.ac-day__h{font-weight:700;font-size:16px;color:var(--muted);margin:18px 0 10px}
.ac-day.is-today .ac-day__h{color:var(--green-2)}
.ac-st{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ac-st__c small{color:var(--green-2);font-weight:700}
.ac-st__c h3{font-weight:700;font-size:17px;margin:6px 0 8px}
.ac-st__c p{color:var(--muted);font-size:14px}
.ac-hist__big{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.ac-hist__big>div{border:1px solid var(--line);border-radius:18px;padding:16px;text-align:center;background:var(--surface)}
.ac-hist__big b{display:block;font:700 44px/1 var(--f-num);color:var(--green-2)}
.ac-hist__big span{display:block;font-weight:700;margin-top:6px}
.ac-hist__big small{color:var(--muted);font:400 13px var(--f-num)}
.ac-hist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.ac-hist li{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
.ac-hist b{display:block;font:700 18px var(--f-num)}
.ac-hist span{font-size:13px;color:var(--muted)}
.ac-hist .is-champ{border-color:var(--green)}.ac-hist .is-champ span{color:var(--green-2);font-weight:700}
.ac-hist .is-host{border-style:dashed}
.ac-faq{border-bottom:1px solid var(--line);padding:14px 0}
.ac-faq summary{cursor:pointer;font-weight:700}
.ac-faq p{margin-top:8px;color:var(--muted)}
.ac-src{color:var(--muted);font-size:13px;margin-top:10px}
@media (max-width:560px){
  .ac-m__row{gap:6px}.ac-t{font-size:14px;gap:6px}.ac-m__mid{min-width:70px}.ac-time{font-size:13px;padding:5px 8px}
  .ac-hist__big b{font-size:34px}.ac-count>div{min-width:70px}
}

/* ---------- V4.0.1 hero: the trophy, stadium lights and sparks ---------- */
.ac-hero2{position:relative;overflow:hidden;background:#020604;color:#fff;isolation:isolate;padding-block:clamp(40px,6vw,96px) clamp(48px,6vw,90px)}
.ac-hero2__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 22% 38%,rgba(232,194,94,.16),transparent 70%),radial-gradient(90% 80% at 85% 10%,rgba(2,141,85,.55),transparent 62%),radial-gradient(60% 50% at 50% 115%,rgba(34,181,115,.35),transparent 70%),#020604}
.ac-beam{position:absolute;top:-30%;width:34%;height:150%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 70%);filter:blur(10px);transform-origin:50% 0;mix-blend-mode:screen;opacity:.55}
.ac-beam--1{inset-inline-start:2%;animation:acSweep 9s ease-in-out infinite}
.ac-beam--2{inset-inline-start:36%;width:22%;animation:acSweep 12s ease-in-out -4s infinite reverse;opacity:.35}
.ac-beam--3{inset-inline-end:-4%;animation:acSweep 10s ease-in-out -2s infinite}
@keyframes acSweep{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
.ac-sparks i{position:absolute;bottom:-10px;left:var(--x);width:var(--w);height:var(--w);border-radius:50%;background:#f3d88a;box-shadow:0 0 8px 2px rgba(243,216,138,.7);opacity:0;animation:acRise var(--d) linear var(--delay) infinite}
@keyframes acRise{0%{transform:translateY(0);opacity:0}12%{opacity:.9}80%{opacity:.5}100%{transform:translateY(-110vh);opacity:0}}
.ac-pitch{position:absolute;inset-inline:0;bottom:0;height:38%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9%),linear-gradient(transparent,rgba(2,141,85,.18));transform:perspective(420px) rotateX(62deg);transform-origin:bottom;mask-image:linear-gradient(transparent,#000 60%)}
.ac-hero2__in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(20px,4vw,60px)}
.ac-hero2__kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#f3d88a;font-size:clamp(14px,1.4vw,18px);padding:7px 14px;border:1px solid rgba(243,216,138,.35);border-radius:999px;background:rgba(243,216,138,.06);animation:acIn .7s both}
.ac-hero2__kicker i{width:8px;height:8px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 0 rgba(34,181,115,.7);animation:acPulse 2s infinite}
@keyframes acPulse{70%{box-shadow:0 0 0 10px rgba(34,181,115,0)}100%{box-shadow:0 0 0 0 rgba(34,181,115,0)}}
.ac-hero2__t{margin-top:16px;line-height:.95;animation:acIn .8s .1s both}
.ac-hero2__t span{display:block;font-weight:700;font-size:clamp(44px,7vw,104px);letter-spacing:-.02em}
.ac-hero2__t b{display:block;font:700 clamp(84px,14vw,210px)/.9 var(--f-num);letter-spacing:-.02em;background:linear-gradient(100deg,#fff4cf 0%,#e8c25e 30%,#fff 45%,#e8c25e 60%,#22B573 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:acGlint 6s linear infinite}
@keyframes acGlint{to{background-position:-220% 0}}
.ac-hero2__host{margin-top:10px;font-weight:700;font-size:clamp(18px,2vw,26px);color:var(--green-2);animation:acIn .8s .2s both}
.ac-hero2__facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;padding:0;color:rgba(255,255,255,.7);font-size:15px;animation:acIn .8s .3s both}
.ac-hero2__facts b{font:700 22px var(--f-num);color:#fff;margin-inline-end:6px}
.ac-count{display:flex;gap:10px;margin-top:24px;animation:acIn .8s .4s both}
.ac-count>div{min-width:78px;padding:12px 10px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center}
.ac-count b{display:block;font:700 clamp(28px,3.4vw,42px)/1 var(--f-num)}
.ac-count small{color:rgba(255,255,255,.6);font-size:13px}
.ac-hero2__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;animation:acIn .8s .5s both}
.ac-btn{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.ac-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.ac-btn--main{background:linear-gradient(135deg,#22B573,#028D55);border-color:transparent;box-shadow:0 10px 30px rgba(2,141,85,.45)}
.ac-btn--main:hover{background:linear-gradient(135deg,#2bc982,#03a062)}
@keyframes acIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.ac-hero2__cup{position:relative;display:grid;place-items:center;min-height:clamp(300px,36vw,520px);animation:acDrop 1.1s cubic-bezier(.2,.9,.25,1.15) .15s both}
@keyframes acDrop{from{opacity:0;transform:translateY(-60px) scale(.92)}to{opacity:1;transform:none}}
.ac-rays{position:absolute;width:120%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(243,216,138,.13) 0 6deg,transparent 6deg 18deg);mask-image:radial-gradient(circle,#000 18%,transparent 62%);animation:acSpin 40s linear infinite}
@keyframes acSpin{to{transform:rotate(360deg)}}
.ac-halo{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(243,216,138,.55),rgba(232,194,94,.12) 45%,transparent 70%);filter:blur(6px);animation:acBreathe 4s ease-in-out infinite}
@keyframes acBreathe{50%{transform:scale(1.12);opacity:.75}}
.ac-trophy{position:relative;width:min(78%,330px);height:auto;filter:drop-shadow(0 22px 40px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(243,216,138,.35));animation:acFloat 5s ease-in-out infinite}
@keyframes acFloat{50%{transform:translateY(-12px)}}
.ac-trophy__shine{animation:acShine 4.5s ease-in-out infinite}
@keyframes acShine{0%,30%{transform:translateX(0) skewX(-18deg)}70%,100%{transform:translateX(320px) skewX(-18deg)}}
.ac-floor{position:absolute;bottom:4%;width:56%;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(243,216,138,.35),transparent);filter:blur(4px);animation:acBreathe 5s ease-in-out infinite}
/* sticky section bar */
.ac-jump{position:sticky;top:0;z-index:20;background:rgba(5,8,7,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
html[data-theme="light"] .ac-jump{background:rgba(255,255,255,.88)}
.ac-jump__in{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.ac-jump__in::-webkit-scrollbar{display:none}
.ac-jump a{flex:none;padding:8px 14px;border-radius:999px;color:inherit;font-size:14px;font-weight:700;text-decoration:none;border:1px solid transparent}
.ac-jump a:hover,.ac-jump a.is-on{border-color:var(--green-2);color:var(--green-2)}
/* section titles with a lead line */
.ac-h{position:relative;padding-inline-start:16px}
.ac-h::before{content:"";position:absolute;inset-inline-start:0;top:.25em;width:5px;height:1.05em;border-radius:3px;background:linear-gradient(#22B573,#e8c25e)}
/* the opening match */
.ac-open{position:relative;overflow:hidden;border-radius:24px;padding:clamp(18px,3vw,30px);margin-bottom:14px;color:#fff;background:radial-gradient(80% 120% at 50% -20%,rgba(243,216,138,.22),transparent 60%),linear-gradient(135deg,#0b4d31,#04140d 70%);border:1px solid rgba(243,216,138,.3)}
.ac-open__k{text-align:center;font-weight:700;color:#f3d88a;letter-spacing:.02em}
.ac-open__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,3vw,40px);margin:16px 0 10px}
.ac-open__t{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ac-open__t img{width:clamp(64px,9vw,96px);height:auto;border-radius:8px;box-shadow:0 10px 26px rgba(0,0,0,.45)}
.ac-open__t b{font-size:clamp(18px,2.4vw,26px)}
.ac-open__mid{text-align:center}
.ac-open__mid b{display:block;font:700 clamp(26px,3.4vw,40px) var(--f-num)}
.ac-open__mid small{color:rgba(255,255,255,.7);font-size:13px}
.ac-open__v{text-align:center;color:rgba(255,255,255,.7);font-size:14px}
@media (max-width:820px){
  .ac-hero2__in{grid-template-columns:1fr}
  .ac-hero2__cup{order:-1;min-height:260px;margin-bottom:-10px}
  .ac-trophy{width:min(52%,210px)}
  .ac-hero2__copy{text-align:center}
  .ac-hero2__facts,.ac-count,.ac-hero2__cta{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .ac-hero2 *,.ac-hero2 *::before{animation:none!important}
}
/* V4.0.2 — cinematic title: the name comes out of the blur, the year rises digit by digit, then a light passes over it */
.ac-hero2__t{animation:none;position:relative;margin-top:22px}
.ac-hero2__t .ac-t1{display:block;font-weight:700;font-size:clamp(42px,6.6vw,98px);line-height:1.15;letter-spacing:0;margin-bottom:clamp(6px,1vw,14px);animation:acReveal 1.2s cubic-bezier(.2,.8,.2,1) .15s both}
@keyframes acReveal{from{opacity:0;filter:blur(18px);letter-spacing:.12em;clip-path:inset(0 0 0 100%)}to{opacity:1;filter:blur(0);letter-spacing:0;clip-path:inset(0 0 0 0)}}
.ac-hero2__t .ac-t2{display:flex;gap:.02em;font:700 clamp(88px,14vw,210px)/.92 var(--f-num);background:none;animation:none;direction:ltr;justify-content:flex-start}
html[dir="rtl"] .ac-hero2__t .ac-t2{justify-content:flex-end}
.ac-t2 i{font-style:normal;display:inline-block;background:linear-gradient(100deg,#fff4cf 0%,#e8c25e 32%,#fff 46%,#e8c25e 60%,#2bc982 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:0;transform:translateY(60%) scale(.85);filter:blur(10px);animation:acDigit .9s cubic-bezier(.2,.9,.25,1.2) calc(.55s + var(--i) * .12s) forwards,acGlint 6s linear calc(1.8s + var(--i) * .1s) infinite}
@keyframes acDigit{to{opacity:1;transform:none;filter:blur(0)}}
.ac-hero2__t::after{content:"";position:absolute;top:0;bottom:0;width:22%;inset-inline-start:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);mix-blend-mode:overlay;pointer-events:none;animation:acFlare 1.4s ease-in 1.6s both}
@keyframes acFlare{from{inset-inline-start:-30%;opacity:1}to{inset-inline-start:120%;opacity:0}}
.ac-hero2__host{animation:acIn .8s 1.1s both}
.ac-hero2__facts{animation:acIn .8s 1.25s both}
.ac-count{animation:acIn .8s 1.4s both}
.ac-hero2__cta{animation:acIn .8s 1.55s both}
@media (max-width:820px){ html[dir="rtl"] .ac-hero2__t .ac-t2,.ac-hero2__t .ac-t2{justify-content:center} }
@media (prefers-reduced-motion:reduce){ .ac-t2 i{opacity:1;transform:none;filter:none} .ac-hero2__t::after{display:none} }
/* knockout rounds folded */
.ac-ko{margin-top:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}
.ac-ko>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;font-weight:700;font-size:18px}
.ac-ko>summary::-webkit-details-marker{display:none}
.ac-ko>summary small{font-weight:400;font-size:14px;color:var(--muted)}
.ac-ko>summary i{margin-inline-start:auto;width:12px;height:12px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s}
.ac-ko[open]>summary i{transform:rotate(-135deg)}
.ac-ko>.ac-day{padding-inline:16px}
.ac-ko>.ac-day:last-child{padding-bottom:16px}
/* V4.0.3 — the real trophy (emblem shapes) in the tournament's green and silver */
.ac-hero2__bg{background:radial-gradient(70% 60% at 22% 38%,rgba(54,210,127,.16),transparent 70%),radial-gradient(90% 80% at 85% 10%,rgba(2,141,85,.55),transparent 62%),radial-gradient(70% 55% at 30% 105%,rgba(243,216,138,.18),transparent 70%),#020604}
.ac-rays{background:repeating-conic-gradient(from 0deg,rgba(220,240,228,.12) 0 6deg,transparent 6deg 18deg)}
.ac-halo{background:radial-gradient(circle,rgba(54,210,127,.5),rgba(255,253,248,.12) 45%,transparent 70%)}
.ac-trophy{width:min(64%,300px);filter:drop-shadow(0 24px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(54,210,127,.35))}
.ac-floor{background:radial-gradient(closest-side,rgba(54,210,127,.4),transparent)}
.ac-sparks i{background:#dff7e8;box-shadow:0 0 8px 2px rgba(54,210,127,.6)}
.ac-hero2__kicker{color:#bff0d2;border-color:rgba(54,210,127,.4);background:rgba(54,210,127,.08)}
.ac-t2 i{background-image:linear-gradient(100deg,#ffffff 0%,#d9d1c2 30%,#ffffff 46%,#9fe8bf 62%,#22B573 100%)}
@media (max-width:820px){ .ac-trophy{width:min(44%,190px)} }
/* V4.0.4 — touches of the tournament identity on top of ours: Najdi Sadu band, «أهلًا آسيا», the warm light of Diriyah's mud walls */
.ac-hero2__bg::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:radial-gradient(60% 80% at 12% 100%,rgba(201,111,59,.22),transparent 70%),radial-gradient(50% 70% at 95% 100%,rgba(201,111,59,.14),transparent 70%);pointer-events:none}
.ac-sadu{position:absolute;inset-inline:0;bottom:0;height:18px;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='18' viewBox='0 0 48 18'%3E%3Crect width='48' height='18' fill='%23062218'/%3E%3Cpath d='M0 0h48v2H0zM0 16h48v2H0z' fill='%2322B573'/%3E%3Cpath d='M12 3l6 6-6 6-6-6z' fill='%23e9e3d6'/%3E%3Cpath d='M12 6.5l2.5 2.5-2.5 2.5-2.5-2.5z' fill='%23c96f3b'/%3E%3Cpath d='M36 3l6 6-6 6-6-6z' fill='%2322B573'/%3E%3Cpath d='M24 5l2 2-2 2-2-2zM24 9l2 2-2 2-2-2z' fill='%23e9e3d6'/%3E%3Cpath d='M0 5l2 2-2 2zM48 5l-2 2 2 2zM0 9l2 2-2 2zM48 9l-2 2 2 2z' fill='%23e9e3d6'/%3E%3C/svg%3E") repeat-x;background-size:auto 100%}
.ac-sec+.ac-sec::before{content:"";display:block;height:10px;margin:0 0 clamp(26px,3.6vw,44px);opacity:.55;border-radius:3px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10' viewBox='0 0 30 10'%3E%3Cpath d='M7.5 1l4 4-4 4-4-4z' fill='%2322B573'/%3E%3Cpath d='M22.5 3l2 2-2 2-2-2z' fill='%23c96f3b'/%3E%3C/svg%3E") repeat-x center;background-size:auto 100%}
.ac-hero2__kicker{color:#f2d3bd;border-color:rgba(201,111,59,.45);background:rgba(201,111,59,.1)}
/* the tournament emblem on a white card (its lettering is dark) */
.ac-emblem{display:block;width:auto;height:clamp(104px,11vw,150px);padding:10px 14px;margin-bottom:18px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.4);animation:acIn .8s both}
@media (max-width:820px){ .ac-emblem{margin-inline:auto;height:100px} }
@media (max-width:820px){ .ac-emblem{height:74px;padding:7px 10px;border-radius:14px;margin-bottom:14px} .ac-hero2__cup{min-height:230px} }
/* V4.0.5 — section heads: the title, then its line underneath with room to breathe */
.ac-head{margin-bottom:clamp(18px,2.4vw,26px)}
.ac-head .ac-h{margin:0;line-height:1.3}
.ac-sub{margin-top:10px;padding-inline-start:16px;color:var(--muted);font-size:clamp(14px,1.3vw,16px);line-height:1.8;max-width:62ch}
.ac-ko>summary{flex-direction:column;align-items:flex-start;gap:6px;position:relative;padding-inline-end:48px}
.ac-ko>summary small{line-height:1.6}
.ac-ko>summary i{position:absolute;inset-inline-end:22px;top:50%;margin-top:-9px}
.ac-m__meta{line-height:1.6}
.ac-m__venue{margin-top:2px;line-height:1.6}

/* ================= V4.1 — cinematic hero: the real trophy over King Fahd Stadium at sunset ================= */
.ac-cine{position:relative;overflow:hidden;isolation:isolate;background:#000;color:#fff;min-height:clamp(560px,88vh,860px);display:flex;align-items:center}
.ac-cine__media{position:absolute;inset-block:0;inset-inline-end:0;width:64%;z-index:-3}
.ac-cine__media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform-origin:50% 35%;animation:acKen 22s cubic-bezier(.25,.1,.25,1) both}
@keyframes acKen{from{transform:scale(1.14) translateY(2%);filter:brightness(.55) saturate(.9)}to{transform:scale(1.02);filter:brightness(.95) saturate(1.05)}}
/* the shade melts the photo into black where the words are, and darkens the edges like a lens */
.ac-cine__shade{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(to left,#000 0%,rgba(0,0,0,.92) 30%,rgba(0,0,0,.35) 52%,rgba(0,0,0,0) 70%),
             radial-gradient(120% 90% at 30% 45%,transparent 45%,rgba(0,0,0,.65) 100%),
             linear-gradient(to top,#000 0%,rgba(0,0,0,0) 30%)}
html[dir="ltr"] .ac-cine__shade{background:linear-gradient(to right,#000 0%,rgba(0,0,0,.92) 30%,rgba(0,0,0,.35) 52%,rgba(0,0,0,0) 70%),radial-gradient(120% 90% at 70% 45%,transparent 45%,rgba(0,0,0,.65) 100%),linear-gradient(to top,#000 0%,rgba(0,0,0,0) 30%)}
/* film grain */
.ac-cine__grain{position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:acGrain 1.2s steps(6) infinite}
@keyframes acGrain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
/* one anamorphic light streak at the opening */
.ac-cine__flare{position:absolute;z-index:-1;top:48%;inset-inline-end:10%;width:70%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,226,170,.9),transparent);box-shadow:0 0 30px 6px rgba(255,200,120,.35);opacity:0;animation:acStreak 2.6s ease-out .9s both}
@keyframes acStreak{0%{opacity:0;transform:scaleX(.2)}35%{opacity:1}100%{opacity:0;transform:scaleX(1.4)}}
/* letterbox bars that open like a film */
.ac-cine__bar{position:absolute;inset-inline:0;height:9vh;background:#000;z-index:2;pointer-events:none;animation:acBars 1.6s cubic-bezier(.7,0,.2,1) .2s both}
.ac-cine__bar--t{top:0;transform-origin:top}.ac-cine__bar--b{bottom:0;transform-origin:bottom}
@keyframes acBars{from{transform:scaleY(5.5)}to{transform:scaleY(.35)}}
.ac-cine__in{position:relative;z-index:1;width:100%;padding-block:clamp(80px,12vh,120px)}
.ac-cine__copy{max-width:560px}
.ac-cine__top{display:flex;align-items:center;gap:16px;animation:acIn 1s .5s both}
.ac-cine .ac-emblem{height:72px;padding:6px 9px;margin:0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.ac-cine__kicker{font-weight:700;font-size:clamp(16px,1.5vw,20px);color:#fff;letter-spacing:.01em;padding-inline-start:16px;border-inline-start:2px solid #22B573;line-height:1.45}
.ac-cine__kicker small{display:block;font-weight:400;font-size:14px;color:rgba(255,255,255,.65)}
.ac-cine .ac-hero2__t{margin-top:clamp(22px,3vw,34px)}
.ac-cine .ac-t1{text-shadow:0 6px 30px rgba(0,0,0,.6);animation-delay:.7s}
.ac-cine .ac-t2 i{background-image:linear-gradient(180deg,#ffffff 0%,#f4efe6 55%,#cfc6b5 100%);background-size:100% 100%;animation:acDigit 1s cubic-bezier(.2,.9,.25,1.1) calc(1s + var(--i) * .14s) forwards;filter:none}
.ac-cine .ac-hero2__t::after{animation-delay:1.9s}
.ac-cine__host{margin-top:14px;font-size:clamp(16px,1.6vw,20px);color:rgba(255,255,255,.82);animation:acIn .9s 1.5s both}
.ac-cine__facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 26px;margin:22px 0 0;padding:0;color:rgba(255,255,255,.6);font-size:14px;animation:acIn .9s 1.65s both}
.ac-cine__facts b{font:700 24px var(--f-num);color:#fff;margin-inline-end:6px}
.ac-cine__count{display:flex;gap:0;margin-top:26px;animation:acIn .9s 1.8s both}
.ac-cine__count>div{min-width:0;padding:0 clamp(14px,2vw,24px);border:0;border-inline-start:1px solid rgba(255,255,255,.18);border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center}
.ac-cine__count>div:first-child{border:0;padding-inline-start:0}
.ac-cine__count b{font:700 clamp(30px,3.6vw,46px)/1 var(--f-num)}
.ac-cine__count small{display:block;margin-top:6px;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.04em}
.ac-cine .ac-hero2__cta{animation:acIn .9s 1.95s both}
.ac-cine .ac-btn--main{background:#fff;color:#000;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.ac-cine .ac-btn--main:hover{background:#e9e3d6}
.ac-cine .ac-sadu{z-index:3;height:14px;opacity:.85}
@media (max-width:820px){
  .ac-cine{min-height:0;display:block}
  .ac-cine__media{position:relative;inset:auto;width:100%;height:62vh;max-height:520px}
  .ac-cine__shade{background:linear-gradient(to top,#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,0) 62%),radial-gradient(120% 80% at 50% 30%,transparent 50%,rgba(0,0,0,.6) 100%)}
  .ac-cine__in{margin-top:-30vh;padding-block:0 56px}
  .ac-cine__copy{max-width:none;text-align:center}
  .ac-cine__top{justify-content:center}
  .ac-cine__facts,.ac-cine__count,.ac-cine .ac-hero2__cta{justify-content:center}
  .ac-cine .ac-emblem{height:58px}
  .ac-cine__bar{height:6vh}
}
@media (prefers-reduced-motion:reduce){ .ac-cine *{animation:none!important} .ac-cine .ac-t2 i{opacity:1;transform:none} }
/* a match whose kick-off isn't announced: just «×», no capsule, no filler words */
.ac-vs{display:inline-block;font:400 26px/1 var(--f-ar);color:var(--muted);opacity:.7}
.ac-time{font-family:var(--f-num);background:none;padding:0;font-size:18px}
/* the photo dissolves into the black on the side of the words (no hard edge) */
.ac-cine__media{-webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%);mask-image:linear-gradient(to right,#000 55%,transparent 100%)}
html[dir="ltr"] .ac-cine__media{-webkit-mask-image:linear-gradient(to left,#000 55%,transparent 100%);mask-image:linear-gradient(to left,#000 55%,transparent 100%)}
@media (max-width:820px){ .ac-cine__media,html[dir="ltr"] .ac-cine__media{-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)} }

/* ================= V4.2 — clean header: type first, quiet colour, no decoration ================= */
.ac-top{position:relative;background:radial-gradient(60% 55% at 50% 0%,rgba(2,141,85,.22),transparent 70%),#000;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.ac-top__in{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:clamp(48px,7vw,96px) clamp(44px,6vw,80px)}
.ac-top__mark{width:auto;height:clamp(110px,12vw,150px);filter:drop-shadow(0 18px 30px rgba(0,0,0,.5));animation:acUp .9s cubic-bezier(.2,.8,.2,1) both}
.ac-top__eyebrow{display:flex;align-items:center;gap:14px;margin-top:26px;color:rgba(255,255,255,.62);font-size:14px;letter-spacing:.06em;animation:acUp .9s .1s both}
.ac-top__eyebrow::before,.ac-top__eyebrow::after{content:"";width:36px;height:1px;background:rgba(255,255,255,.28)}
.ac-top__t{margin-top:12px;font-weight:700;font-size:clamp(40px,6.4vw,84px);line-height:1.1;letter-spacing:-.01em;animation:acUp .9s .18s both}
.ac-top__t span{font-family:var(--f-num);font-weight:700;color:#fff}
.ac-top__sub{margin-top:14px;color:rgba(255,255,255,.66);font-size:clamp(15px,1.4vw,18px);line-height:1.7;animation:acUp .9s .26s both}
.ac-top__count{display:flex;justify-content:center;margin-top:clamp(28px,3.4vw,40px);padding-top:clamp(24px,3vw,32px);border-top:1px solid rgba(255,255,255,.1);animation:acUp .9s .34s both}
.ac-top__count>div{min-width:0;padding:0 clamp(16px,2.6vw,34px);border:0;border-inline-start:1px solid rgba(255,255,255,.12);border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.ac-top__count>div:first-child{border:0}
.ac-top__count b{display:block;font:700 clamp(30px,3.6vw,46px)/1 var(--f-num);color:#fff}
.ac-top__count small{display:block;margin-top:8px;color:rgba(255,255,255,.5);font-size:12px}
.ac-top__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(28px,3.4vw,38px);animation:acUp .9s .42s both}
.ac-top .ac-btn{padding:12px 24px;border-color:rgba(255,255,255,.22);font-size:15px}
.ac-top .ac-btn--main{background:#fff;color:#000;border-color:#fff;box-shadow:none}
.ac-top .ac-btn--main:hover{background:#e9e9e9}
.ac-top__facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;margin:clamp(26px,3vw,34px) 0 0;padding:0;color:rgba(255,255,255,.5);font-size:14px;animation:acUp .9s .5s both}
.ac-top__facts li{padding:0 16px}
.ac-top__facts li+li{border-inline-start:1px solid rgba(255,255,255,.14)}
.ac-top__facts b{font:700 16px var(--f-num);color:rgba(255,255,255,.9)}
@keyframes acUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
html[data-theme="light"] .ac-top{background:radial-gradient(60% 55% at 50% 0%,rgba(2,141,85,.12),transparent 70%),#fff;color:#111;border-bottom-color:rgba(0,0,0,.08)}
html[data-theme="light"] .ac-top__t span,html[data-theme="light"] .ac-top__count b{color:#111}
html[data-theme="light"] .ac-top__eyebrow,html[data-theme="light"] .ac-top__sub{color:rgba(0,0,0,.6)}
html[data-theme="light"] .ac-top__count small,html[data-theme="light"] .ac-top__facts{color:rgba(0,0,0,.5)}
html[data-theme="light"] .ac-top__facts b{color:#111}
html[data-theme="light"] .ac-top__count{border-top-color:rgba(0,0,0,.1)}
html[data-theme="light"] .ac-top__count>div,html[data-theme="light"] .ac-top__facts li+li{border-inline-start-color:rgba(0,0,0,.12)}
html[data-theme="light"] .ac-top .ac-btn{color:#111;border-color:rgba(0,0,0,.2)}
html[data-theme="light"] .ac-top .ac-btn--main{background:#111;color:#fff;border-color:#111}
@media (max-width:560px){ .ac-top__count>div{padding:0 12px} .ac-top__facts li{padding:0 10px} }
@media (prefers-reduced-motion:reduce){ .ac-top *{animation:none!important} }
/* calmer page below the header */
.ac-sec+.ac-sec::before{opacity:.35}
.ac-top__facts b{margin-inline-end:5px}
/* one fold per round, the current round open */
.ac-stage{margin-top:12px}
.ac-stage>summary{padding:16px 20px}
.ac-stage>summary span{font-size:17px}
.ac-ko>summary i{width:10px;height:10px;border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-8px;opacity:.7}
.ac-ko[open]>summary i{transform:rotate(-135deg);margin-top:-2px}
.ac-stage[open]>summary{border-bottom:1px solid var(--line)}
.ac-stage>.ac-day:first-of-type{padding-top:6px}
/* V4.2.1 — one Arabic font everywhere (Rakik): times, «م», and «يُحدد لاحقًا» */
.ac-time,.ac-score,.ac-open__mid b,.ac-top__count b,.ac-top__facts b,.ac-top__t span,.ac-tbl td,.ac-hist b,.ac-hist__big b,.ac-hist__big small{font-family:var(--f-ar)}   /* Arabic letters in Rakik, digits in Nexa (the English version's font) */
.ac-time{font-weight:700;font-size:17px;letter-spacing:0}
.ac-tbc{display:inline-block;font:500 13px/1.4 var(--f-ar);color:var(--muted);white-space:nowrap}
html[lang="en"] .ac-time,html[lang="en"] .ac-tbc{font-family:var(--f-en)}
/* every flag in the same frame, whatever its real proportions (Palestine 2:1, Saudi Arabia 3:2…) */
.ac-flag,.ac-open__t img{aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.ac-flag{width:30px;height:20px}
.ac-open__t img{width:clamp(72px,9vw,96px);height:auto;border-radius:8px}
html[data-theme="light"] .ac-flag,html[data-theme="light"] .ac-open__t img{box-shadow:0 0 0 1px rgba(0,0,0,.12)}
/* ===== V4.3 — stadium cards with photos, and the stadium page ===== */
.ac-st{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ac-stc{position:relative;display:block;overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:#0b1410;color:#fff;text-decoration:none;border:1px solid var(--line)}
.ac-stc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ac-stc:hover img{transform:scale(1.04)}
.ac-stc::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,0) 100%)}
.ac-stc.is-nophoto{background:radial-gradient(90% 90% at 80% 0%,rgba(2,141,85,.35),transparent 70%),#06100c}
.ac-stc>span{position:absolute;z-index:1;inset-inline:16px;bottom:14px;display:flex;flex-direction:column;gap:3px}
.ac-stc small{color:#9fe8bf;font-weight:700;font-size:13px}
.ac-stc b{font-size:17px;line-height:1.35}
.ac-stc em{font-style:normal;color:rgba(255,255,255,.7);font-size:13px}
.ac-m__venue a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.ac-m__venue a:hover{color:var(--green-2)}
.ac-sthero{position:relative;overflow:hidden;background:#000;color:#fff;min-height:clamp(380px,62vh,620px);display:flex;align-items:flex-end}
.ac-sthero.is-nophoto{min-height:clamp(300px,42vh,420px);background:radial-gradient(70% 80% at 85% 0%,rgba(2,141,85,.4),transparent 65%),#000}
.ac-sthero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ac-sthero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.15) 100%)}
.ac-sthero__in{position:relative;z-index:1;padding-block:clamp(40px,6vw,72px)}
.ac-crumb{display:flex;gap:10px;font-size:14px;color:rgba(255,255,255,.7)}
.ac-crumb a{color:inherit;text-decoration:none}.ac-crumb a:hover{color:#fff}
.ac-sthero__city{margin-top:18px;color:#9fe8bf;font-weight:700}
.ac-sthero__t{margin-top:6px;font-weight:700;font-size:clamp(32px,5vw,64px);line-height:1.15}
.ac-sthero__facts{list-style:none;display:flex;flex-wrap:wrap;gap:12px 34px;margin:22px 0 0;padding:0}
.ac-sthero__facts b{display:block;font-size:clamp(22px,2.6vw,30px);line-height:1.2}
.ac-sthero__facts span{color:rgba(255,255,255,.65);font-size:14px}
.ac-about p{font-size:clamp(16px,1.6vw,19px);line-height:1.9;max-width:70ch}
.ac-credit{color:var(--muted);font-size:12px;margin-top:8px}
.ac-credit a{color:inherit}