/* Color roles: neutral canvas, blue action, teal progress, amber reward, coral live. */
:root{--bg:#f6f5f2;--paper:#fff;--ink:#252b35;--muted:#687078;--line:#e3e4e5;--blue:#1761dc;--green:#087d6b;--lime:#dceee4;--coral:#e4584d;--font-latin:'Manrope',sans-serif;--font-arabic:'Alexandria','Manrope',sans-serif}
body{font-family:var(--font-latin);background:#f6f5f2;color:#252b35;-webkit-font-smoothing:antialiased;font-synthesis:none}
button,input,select,textarea,summary{font-family:inherit}.logo{color:#242a35}.logo .brand-icon{color:#fff;background:#2254b8;box-shadow:0 4px 10px #254a8e18}.logo>span:last-child{color:#e26353!important}.sidebar{background:#fff;border-color:#e7e5e1}.nav-label{color:#70767b}.nav-item{color:#666e74}.nav-item.active{color:#fff;background:#28313d;box-shadow:none}.nav-item:hover,.team-link:hover{background:#f0f0ed;color:#303841}.nav-item.active:hover{background:#364251;color:#fff}.sidebar-explore{border-color:#e6e5e1}.sidebar-explore summary{color:#6f757a}.sidebar-bottom .invite-box{background:#fff4dc;border-color:#f0e2ba;color:#7a6536}.sidebar-bottom .invite-box strong,.sidebar-bottom .invite-box button{color:#7d5c1a}.topbar{background:#fffffff2;border-color:#e6e5e1}.topbar .searchbox{background:#f4f4f1;border-color:#ecebe6}.topbar .sport-selector{color:#4b545e}.language-toggle{background:#fff;border-color:#e2e3e3;color:#4c5663}.language-toggle:hover{background:#f3f3f0}.wallet-shortcut{background:#fff3d6;color:#896012;border-color:#f1dfb2}.header-profile .avatar,.profile .avatar{background:#eee9f5!important;color:#735f8f}.notification:after{background:#e45d53}
.btn.primary{color:#fff;background:#1761dc;border-color:#1761dc;box-shadow:0 4px 10px #1761dc17}.btn.primary:hover{background:#1052c0;border-color:#1052c0}.btn.dark{color:#fff;background:#29323f;border-color:#29323f}.btn.dark:hover{background:#17202b}.btn.outline{color:#515c69;background:#fff;border-color:#d6dade}.btn.outline:hover{background:#f3f4f4;border-color:#b9c1c8}.text-link{color:#3f5e8e}.btn:focus-visible,button:focus-visible,a:focus-visible{outline-color:#dc8862}.page-kicker{color:#818076}.matchday-dot{background:#e86758}.competition-intro h1{color:#252d38}.competition-intro h1 em{color:#cc4b36}.competition-intro p{color:#707577}.competition-steps{color:#666e72}.competition-steps b{background:#fce9df;color:#a75c3c}.competition-steps>span:nth-of-type(2) b{background:#eee5f6;color:#8052a4}.competition-steps>span:nth-of-type(3) b{background:#e0f1e8;color:#267b65}.competition-steps>i{color:#b8b9b4}.competition-catalog>.section-heading h2{color:#2d333b}
.matchday-focus{background:radial-gradient(ellipse at 100% 10%,#31565c5c,transparent 68%),#25313e;box-shadow:0 12px 24px #27334213}.matchday-focus:before{content:'';position:absolute;width:70px;height:4px;background:#e6af53;right:28px;top:0;border-radius:0 0 4px 4px}.focus-top>span:first-child{color:#b5c5c5}.focus-mode{color:#d4dbda;background:#ffffff0b;border-color:#a8c0ba33}.matchday-focus p{color:#bfcaca}.matchday-focus p.focus-competition{color:#fff}.matchday-focus .btn{background:#bde8cf;color:#214f3a;box-shadow:0 3px 8px #00000010}.matchday-focus .btn:hover{background:#d1f1dc}.contest-filter{border-color:#e1e2df}.contest-filter>button{color:#6f7479}.contest-filter>button[aria-pressed=true]{background:#303944;color:#fff;box-shadow:none}.contest-filter>button>span{color:#717981;background:#ebedee}.contest-filter>button:nth-child(2)>span{color:#227a65;background:#e1f1e8}.contest-filter>button:nth-child(3)>span{color:#8f6a20;background:#fff0cc}.contest-filter>button[aria-pressed=true]>span{color:#fff;background:#ffffff23}
.contest-list-card{border-color:#e3e3e1;box-shadow:0 5px 15px #323e4907}.contest-list-card:hover{border-color:#b7bec5;box-shadow:0 12px 26px #303d4712}.brand-violet,.cup-brand-header.brand-violet{--brand:#7533bb;--brand-dark:#201139;--brand-light:#d2b2ff}.brand-blue,.cup-brand-header.brand-blue{--brand:#1469ee;--brand-dark:#062d88;--brand-light:#9fdcff}.brand-gold,.cup-brand-header.brand-gold{--brand:#a55b07;--brand-dark:#512606;--brand-light:#ffd37b}.contest-cover,.cup-brand-header{background:radial-gradient(ellipse at 96% -30%,#ffffff12,transparent 60%),linear-gradient(115deg,var(--brand-dark),var(--brand))}.brand-gold .contest-cover,.cup-brand-header.brand-gold{background:linear-gradient(115deg,#5d3909,#ad7414)}.brand-gold .contest-card-cta{color:#8b580e;background:#fbf1de}.brand-wordmark .brand-wave{color:#bfeaff}.contest-art i{border-color:#c6b5ff30}.contest-art i:nth-child(2){border-color:#c6b5ff20}.contest-art i:nth-child(3){border-color:#c6b5ff12}.brand-gold .contest-art i{border-color:#ffcf7138}.brand-gold .contest-art i:nth-child(2){border-color:#ffcf7126}.brand-gold .contest-art i:nth-child(3){border-color:#ffcf7118}.contest-state{color:#14755e}.contest-state.finished{color:#93691c}.contest-card-info>strong{color:#30333b}.contest-card-meta{color:#687078}.contest-match-preview{background:#f4f4f1;border-color:#edeeea;color:#667078}.contest-match-preview i{color:#92989a}.contest-match-preview small{background:#e9ebe6;color:#6e7868}.contest-mini-progress{color:#417b6c}.contest-mini-progress>i{background:linear-gradient(to right,#249b7b 0 var(--progress),#e8efea var(--progress) 100%)}.contest-card-prize{position:relative;padding-inline-start:30px}.contest-card-prize:before{content:'✦';position:absolute;inset-inline-start:0;top:3px;color:#b78226;background:#fff2cf;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:15px}.contest-card-prize b{color:#8c621d}.contest-card-prize small{color:#7b705f}.contest-card-cta{color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,white)}.brand-blue .contest-card-cta{color:#1759c3}.contest-footnote{color:#6b7275;font-size:11px}
#demo-stage{--competition-accent:#7352a4;--competition-tint:#f1eaf7}#demo-stage:has(.brand-violet),.real-cup-detail:has(.brand-violet){--competition-accent:#7841a7;--competition-tint:#f2eaf9}#demo-stage:has(.brand-blue),.real-cup-detail:has(.brand-blue){--competition-accent:#1d62bb;--competition-tint:#e9f0fb}#demo-stage:has(.brand-gold),.real-cup-detail:has(.brand-gold){--competition-accent:#945a0e;--competition-tint:#fff2d6}.cup-entry{border-color:#e4e4df;box-shadow:0 3px 10px #30374004}.cup-entry b{color:#374149}.cup-entry span{color:#717b80}.cup-tabs{border-color:#e1e3e1}.cup-tabs button{color:#767d81}.cup-tabs button[aria-current=page]{color:var(--competition-accent,#72519b);border-color:var(--competition-accent,#72519b)}.cup-progress{color:#6e7d77}.cup-progress b{color:#18795f}.cup-progress .progress-track{background:#e3eee7}.cup-progress .progress-track span{background:linear-gradient(90deg,#5bb992,#16866e)}.cup-success{color:#1b7256;background:#e4f3e8;border-inline-start:3px solid #65ad82}.cup-error{color:#a73348;background:#fff0f2}.cup-match-heading h2{color:#364049}.cup-match-heading>span,.cup-muted{color:#687078}.cup-disclosure{color:#697174}.cup-facts .cup-reward{background:#ffedbe;color:#805716;padding:5px 10px;border:0;border-radius:999px}.real-cup-prize{width:fit-content;background:#ffedbe;padding:7px 12px;border-radius:8px;color:#805716!important}.demo-fixture,.arena-fixture{border-color:#e3e6e4;box-shadow:0 4px 10px #333f4504}.demo-team-row{color:#3c424a}.demo-team-row>b{color:#888d92}.demo-crest,.demo-crest.away{color:var(--club-accent,#6f6285);background:color-mix(in srgb,var(--club-accent,#6f6285) 11%,white)}.demo-match-meta,.demo-match-meta>b{color:#687078}.demo-match-footer{border-color:#eceeeb}.saved-pick{color:#228169}.demo-score{--club-accent:#704d8f;position:relative;overflow:hidden;border-color:#e1e3e2;border-top:3px solid var(--club-accent);box-shadow:0 6px 18px #343e4806;background:linear-gradient(to bottom,color-mix(in srgb,var(--club-accent) 4%,white),white 75%)}.demo-score h3{color:#3a4149}.score-controls>button{background:color-mix(in srgb,var(--club-accent) 9%,white);color:var(--club-accent)}.score-controls>button:hover:not(:disabled){background:color-mix(in srgb,var(--club-accent) 17%,white)}.score-controls output{color:#29313b}.demo-editor .pill-label{color:#976612;background:#fff1d0}.demo-editor .status-live{color:#b34635;background:#ffebe5}.demo-editor .status-finished{color:#287352;background:#e7f3e9}.demo-editor .status-locked{color:#6e7680;background:#eff0f2}.demo-match-meta .fixture-status-scheduled{color:#956b19;background:#fff3d5;padding:4px 7px;border-radius:5px}.demo-match-meta .fixture-status-live{color:#b34234;background:#ffebe6;padding:4px 7px;border-radius:5px}.demo-match-meta .fixture-status-live:before{content:'';display:inline-block;width:5px;height:5px;background:#e36451;border-radius:50%;margin-inline-end:5px}.demo-match-meta .fixture-status-finished{color:#2e7b5b}.demo-editor h2{color:#333c44}.demo-editor>p,.cup-save-note{color:#687078}.cup-editor-top .btn{color:#687179;border-color:#dce0e1}.demo-ranking article{border-color:#e5e5e1}.demo-ranking article.demo-you{border-color:#aed3bf;background:#edf6ef}.demo-ranking article>.rank-avatar{background:#eee9f5;color:#827194}.demo-ranking article[data-rank="1"]>strong{color:#8d6117;background:#fff0c8;border-radius:8px;padding:7px}.demo-ranking article[data-rank="2"]>.rank-avatar{background:#e9edf0;color:#6d7c89}.demo-ranking article[data-rank="3"]>.rank-avatar{background:#f7e9dd;color:#ab7a53}.demo-you>strong{color:#247d60!important}.ready-state{color:#287554;background:#e9f5e8;border-color:#d4e7cc}.ready-state>span{background:#d4eac9}.ready-state p{color:#698769}.demo-winners{background:linear-gradient(120deg,#fff0c9,#fff8e7);color:#8b601a;border:1px solid #f2e1b5}.demo-controls{border-color:#d8dcda}.demo-controls summary{color:#79817e}.league-scoring span{background:#fff2d5;color:#8b682a}.league-scoring span b{color:#9a6a12}.league-scoring span:nth-child(2){background:#f0e9f8;color:#78608e}.league-scoring span:nth-child(2) b{color:#8050a6}.league-scoring span:nth-child(3){background:#e5f3ec;color:#497f69}.league-scoring span:nth-child(3) b{color:#20795c}
.mobile-bottom{border-color:#e3e5e1;background:#fffffff5}.mobile-bottom button,.mobile-bottom .active{color:#65727a}.mobile-bottom button.active{color:#344658}.mobile-bottom button.active svg{background:#e8edf0;box-shadow:0 0 0 6px #e8edf0}.mobile-bottom button.active:before{display:none}body:has(#demo-stage) .mobile-bottom [data-nav="competitions"],body:has(#demo-stage) .sidebar [data-nav="competitions"]{color:var(--competition-accent,#75529c);background:transparent}body:has(#demo-stage) .mobile-bottom [data-nav="competitions"] svg{background:#eee8f4;box-shadow:0 0 0 6px #eee8f4}.mobile-bottom button:hover{color:#314c65}.feed-status .status-dot{background:#26846a}.feed-status.delayed .status-dot{background:#c48a2f}.live,.live-badge,.real-match-meta .watching{color:#bd4b39}.podium-member.place-1{background:#fff2cf;border-color:#eed49a}.standings-points{color:#86651e}

/* Arabic has its own type scale and rhythm. No tracking between joined letters. */
html[lang="ar"] body,html[lang="ar"] body *{font-family:var(--font-arabic)!important;letter-spacing:0!important;font-synthesis:none}
html[lang="ar"] body{font-size:15px;font-weight:400;line-height:1.9}
html[lang="ar"] :is(h1,h2,h3,h4,strong,b){font-weight:650}
html[lang="ar"] :is(button,.btn,.nav-item,.contest-card-cta){font-weight:550}
html[lang="ar"] :is(h1,h2){line-height:1.5}
html[lang="ar"] .competition-intro h1{font-weight:700;line-height:1.55}
html[lang="ar"] .competition-intro p{font-size:14px;line-height:2}
html[lang="ar"] .contest-card-info>strong{font-size:20px;line-height:1.65;font-weight:650;margin-bottom:10px}
html[lang="ar"] .brand-wordmark{line-height:1.5;font-weight:650}
html[lang="ar"] .contest-state{font-size:12px;line-height:1.8}
html[lang="ar"] .contest-card-meta{font-size:12px;line-height:1.9}
html[lang="ar"] .contest-card-cta{font-size:12px;line-height:1.6}
html[lang="ar"] .contest-card-prize small{font-size:11px;line-height:1.7}
html[lang="ar"] .contest-filter>button{font-size:12px;line-height:1.6}
html[lang="ar"] .cup-tabs button{font-size:14px}
html[lang="ar"] .demo-editor h2{line-height:1.6;font-weight:650}
html[lang="ar"] .demo-editor>p{font-size:13px;line-height:1.9}
html[lang="ar"] .score-controls output{font-family:var(--font-latin)!important;font-weight:800}
html[lang="ar"] .demo-score h3{font-size:16px;font-weight:600;line-height:1.8}
html[lang="ar"] .cup-save-note,html[lang="ar"] .cup-disclosure{font-size:11px;line-height:1.9}
html[lang="ar"] .demo-match-meta{font-size:12px;line-height:1.8}
html[lang="ar"] .cup-success{font-size:13px;line-height:1.9}
html[lang="ar"] .cup-entry span{font-size:13px;line-height:1.9}
html[lang="ar"] .focus-top>span:first-child{font-size:10px}
html[lang="ar"] .focus-mode{font-size:9px}
html[lang="ar"] .matchday-focus h2{font-size:23px;line-height:1.65}
html[lang="ar"] .matchday-focus p{line-height:1.9}
html[lang="ar"] .matchday-focus .btn{font-size:13px;line-height:1.7}
html[lang="ar"] .mobile-bottom button{font-size:11px;line-height:1.6}
html[lang="ar"] .competition-steps{font-size:12px;line-height:1.8}
html[lang="ar"] .competition-steps b{font-size:10px}
html[lang="ar"] .contest-match-preview{font-size:11px;line-height:1.8}
html[lang="ar"] .contest-mini-progress{font-size:11px;line-height:1.8}
html[lang="ar"] .contest-footnote{font-size:11px;line-height:2}
@media(max-width:760px){.competition-intro p{font-size:14px}.contest-card-cta{font-size:12px}.contest-card-meta{font-size:12px}.contest-card-prize small{font-size:11px}.cup-disclosure{font-size:11px}.cup-save-note{font-size:12px}.cup-entry span{font-size:12px}.contest-footnote{font-size:11px}.contest-card-info{padding-bottom:19px}html[lang="ar"] .competition-intro.compact h1{font-size:29px}html[lang="ar"] .competition-intro p{font-size:13px;line-height:1.95}html[lang="ar"] .competition-steps{font-size:10px;gap:6px}html[lang="ar"] .competition-steps>span{gap:5px}html[lang="ar"] .contest-filter>button{font-size:10px;padding:10px 8px}html[lang="ar"] .contest-card-info>strong{font-size:20px}html[lang="ar"] .contest-state{font-size:11px}html[lang="ar"] .contest-card-cta{font-size:11px}html[lang="ar"] .contest-cover .brand-wordmark{font-size:29px}html[lang="ar"] .cup-brand-header h1{font-size:25px;line-height:1.65}html[lang="ar"] .cup-brand-header p{font-size:12px;line-height:1.9}html[lang="ar"] .cup-facts{font-size:11px;line-height:1.7}html[lang="ar"] .cup-brand-header.is-editing h1{font-size:14px;line-height:1.6}html[lang="ar"] .cup-brand-header.is-editing .brand-wordmark{font-size:21px}html[lang="ar"] .cup-tabs button{font-size:12px}html[lang="ar"] .demo-editor h2{font-size:22px}html[lang="ar"] .demo-score h3{font-size:14px;min-height:43px;line-height:1.8}html[lang="ar"] .demo-match-meta{font-size:10px}html[lang="ar"] .matchday-focus h2{font-size:15px;line-height:1.8}html[lang="ar"] .matchday-focus .btn{font-size:10px;line-height:1.75}html[lang="ar"] .focus-top>span:first-child{font-size:9px}html[lang="ar"] .focus-mode{font-size:8px}html[lang="ar"] .matchday-welcome .competition-intro h1{font-size:32px;line-height:1.6}html[lang="ar"] .competition-catalog>.section-heading h2{font-size:20px;line-height:1.7}}