/* Shared readability and language foundation. */
:root{--muted:#59616c;--text-secondary:#59616c}body{font-size:15px;line-height:1.6;color:#202936}p{line-height:1.65}.subtle,.data-source,.view-header p,.private-match small,.standings-name small,.real-match-main p,.profile-history-heading>span{color:#59616c;font-size:14px}.nav-item{font-size:14px}.field{font-size:15px}.field input,.field select,.field textarea,input,textarea,select{font-size:16px}.field input,.field select,.field textarea{border-color:#9299a4}.btn{font-size:14px;min-height:44px}.btn.small{font-size:13px}.pill-label,.page-kicker,.eyebrow,.real-match-meta,.real-match-footer,.arena-fixture-top,.arena-fixture-bottom,.arena-card-meta,.arena-card-progress,.feed-status,.feed-status small,.data-source{font-size:13px}.profile-record-grid span,.profile-record-grid small,.profile-social-counts,.master-row small{font-size:13px}.arena-tabs button,.text-link{font-size:14px}.notice{font-size:14px;color:#424a55;line-height:1.7}.top-actions{gap:12px}.language-toggle,.wallet-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;background:white;border:1px solid #d6d9df;border-radius:12px;color:#202936;font-size:14px;font-weight:700}.wallet-shortcut svg{width:20px;height:20px}.wallet-shortcut{background:#f8eccc;border-color:#ddc99d}.nav-label{font-size:12px;color:#59616c}.sidebar{overflow-y:auto}.sidebar-bottom{position:relative;margin-top:24px}.sidebar .nav-item{min-height:42px;padding-top:9px;padding-bottom:9px}.sidebar .team-link{min-height:40px}.sidebar .invite-box{line-height:1.6}.detail-page .detail-body{line-height:1.65}.detail-page .prediction-save-bar{padding:16px;border:1px solid #d8dce0;border-radius:16px}.matchday-hero p,.master-banner p,.arena-detail-hero p{opacity:1;color:#f4efdf}.arena-brand{font-size:13px}.arena-cover-title{line-height:1.15}.competition-levels{flex-wrap:wrap}.competition-levels>*{font-size:14px}.official-hero{background:#e8edfb;border:1px solid #cdd5ed;border-radius:22px;padding:32px;margin:24px 0 32px}.official-hero h2{font-size:36px;letter-spacing:-1px;margin:10px 0}.official-hero p{max-width:650px}.example-contest .arena-cover{cursor:default}.wallet-hero{background:#1e2c49;color:#fff;border-radius:24px;display:flex;justify-content:space-between;gap:24px;padding:38px 40px;position:relative;overflow:hidden}.wallet-hero>div{position:relative;z-index:1}.wallet-test-badge{display:inline-block;background:#eedcaa;color:#3b3020;font-size:12px;font-weight:800;letter-spacing:1px;border-radius:8px;padding:7px 12px}.wallet-hero p{color:#e0e6f1;margin:24px 0 6px;max-width:570px}.wallet-hero h2{font-size:68px;line-height:1.2;letter-spacing:-2px;margin:8px 0}.wallet-hero h2 span{font-size:22px;font-weight:500;letter-spacing:0}.wallet-emblem{width:170px;height:170px;flex-shrink:0;border:1px solid #6d7a91;border-radius:50%;display:grid;place-items:center;align-self:center;background:#ffffff09;transform:rotate(-10deg)}.wallet-emblem svg{width:80px;height:80px;stroke:#edcf88}.token-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.token-pack{background:#fff;border:1px solid #dce0e7;border-radius:20px;padding:24px}.token-pack.pack-1{background:#fff3df;border-color:#d6b67d}.token-pack>span{font-weight:700;color:#59616c}.token-pack>b{display:block;font-size:38px;margin:12px 0;line-height:1.3}.token-pack small{font-size:16px;font-weight:500}.token-pack p{font-size:14px;color:#59616c;margin-bottom:24px}.wallet-uses{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wallet-uses article{display:flex;align-items:flex-start;gap:20px;background:#fff;border:1px solid #dce0e7;border-radius:20px;padding:24px}.wallet-uses h3{font-size:20px;margin:8px 0}.wallet-uses p{font-size:14px;color:#59616c;margin-bottom:20px}.wallet-use-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#eae4f6;border-radius:14px;color:#5c4790}.wallet-use-icon.gold{background:#f7eccf;color:#7b5515}.wallet-use-icon svg{width:25px;height:25px}.wallet-history{border:1px solid #dce0e7;border-radius:20px;overflow:hidden;background:white}.wallet-history article{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #eceef1}.wallet-history article:last-child{border:0}.wallet-history article>div{flex:1;min-width:0}.wallet-history small{display:block;color:#59616c;font-size:12px}.wallet-history article>strong{text-align:end;white-space:nowrap;font-size:20px}.credit{color:#22614b}.transaction-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f0f1f4;flex-shrink:0}.transaction-icon.credit{background:#e5f2ec}.transaction-icon svg{width:20px;height:20px}.purchase-sheet{max-width:620px}.purchase-sheet h2{font-size:28px;margin:16px 0}.purchase-sheet dl{padding:24px;border:1px solid #d7dce4;border-radius:16px;background:white;margin:24px 0}.purchase-sheet dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0}.purchase-sheet dd{font-weight:800;margin:0}.purchase-sheet dl>div:last-child{border-top:1px solid #e4e7ed}.arena-empty{grid-column:1/-1}.detail-page{min-width:0}.detail-header h1{overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3157b5;outline-offset:4px}.real-match-footer button:disabled{color:#535e6d;opacity:1}.score-stepper:disabled{opacity:.6}.language-toggle{font-family:'Noto Sans Arabic','DM Sans',sans-serif}
[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Noto Sans Arabic','DM Sans',sans-serif;letter-spacing:0!important}[dir=rtl] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid #e1e4ea}[dir=rtl] .shell{margin-left:0;margin-right:240px}[dir=rtl] .nav-item,[dir=rtl] .team-link,[dir=rtl] .profile,[dir=rtl] .real-match-main,[dir=rtl] .arena-cover,[dir=rtl] .master-row,[dir=rtl] .private-standing{text-align:right}[dir=rtl] .matchday-hero h2{line-height:1.55}[dir=rtl] .arena-cover-title{line-height:1.5}[dir=rtl] .nav-badge{margin-left:0;margin-right:auto}[dir=rtl] .master-name,[dir=rtl] .standings-name{text-align:right}[dir=rtl] .sidebar .profile .avatar{margin-right:0;margin-left:10px}[dir=rtl] .searchbox input{padding-right:12px}[dir=rtl] .wallet-emblem{transform:rotate(10deg)}[dir=rtl] .score-controls,[dir=rtl] .score-adjusters,[dir=rtl] .quick-scores,[dir=rtl] .prediction-score-controls{direction:ltr}[dir=rtl] .big-score,[dir=rtl] .fixture-score strong{direction:ltr;unicode-bidi:isolate}[dir=rtl] h1,[dir=rtl] h2{line-height:1.5}
@media(max-width:1000px){[dir=rtl] .shell{margin-right:0}[dir=rtl] .sidebar{transform:translateX(100%)}[dir=rtl] body.menu-open .sidebar{transform:translateX(0)}}
@media(max-width:700px){body{font-size:15px}.topbar{padding:0 14px}.top-actions{gap:7px}.notification{display:none}.wallet-shortcut{padding:7px 9px}.language-toggle{padding:7px 9px;font-size:13px}.sport-selector{font-size:13px;gap:4px}.sport-selector>svg:last-child{display:none}.wallet-hero{padding:26px 22px;gap:0}.wallet-hero h2{font-size:54px}.wallet-hero p{font-size:14px}.wallet-emblem{position:absolute;right:-35px;top:28px;opacity:.2;width:150px;height:150px}.wallet-hero>div{max-width:100%}.token-packs{grid-template-columns:1fr;gap:12px}.token-pack{padding:20px;display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center}.token-pack>b{grid-column:1;font-size:30px;margin:6px 0}.token-pack>p{grid-column:1;margin:0}.token-pack>.btn{grid-column:2;grid-row:1/4;width:auto;max-width:165px}.wallet-uses{grid-template-columns:1fr}.wallet-uses article{padding:20px;gap:14px}.wallet-history article{padding:16px 14px;gap:12px}.wallet-history article b{font-size:14px}.wallet-history article>strong{font-size:18px}.section-heading{gap:12px;flex-wrap:wrap}.section-heading h2{font-size:22px}.official-hero{padding:24px}.official-hero h2{font-size:28px}.official-hero .btn{white-space:normal}.arena-tabs button{font-size:13px}.mobile-bottom button{font-size:11px;padding:8px 3px}.view-header h1{font-size:30px}.view-header p{font-size:15px}.page-kicker{letter-spacing:1px}.detail-page .prediction-save-bar{padding:14px}.competition-levels{gap:12px;padding:18px}.competition-levels>*{line-height:1.7}.real-match-meta{gap:12px}.real-match-meta strong{white-space:nowrap}.arena-fixture-main{gap:8px}.arena-fixture-top{flex-wrap:wrap}.arena-card-grid{grid-template-columns:1fr}.purchase-sheet dl{padding:16px}.purchase-sheet dl>div{font-size:14px}.detail-header h1{font-size:26px}[dir=rtl] .wallet-emblem{left:-35px;right:auto}[dir=rtl] .view-header h1{font-size:28px}[dir=rtl] .mobile-bottom button{font-size:10px}}
.arena-detail-hero p{color:inherit;opacity:1}.arena-detail-hero.theme-night p{color:#f4efdf}[dir=rtl] .shell{margin-right:var(--sidebar)}[dir=rtl] .sidebar.open{transform:translateX(0)}
@media(min-width:761px){[dir=rtl] .sidebar{transform:none}}
@media(max-width:760px){[dir=rtl] .shell{margin-right:0}}
.detail-page .pick-savebar{margin-left:0;margin-right:0;padding:14px 16px;border-radius:14px}.pick-team strong{font-size:14px}.pick-team{min-height:58px}[dir=rtl] .scoreboard-controls{direction:ltr}[dir=rtl] .scoreboard-controls .team-score{direction:rtl}
@media(max-width:700px){.mobile-bottom button,[dir=rtl] .mobile-bottom button{font-size:12px;line-height:1.5}}

/* Readable type and explicit surfaces across the older page templates. */
:root{--ink:#202b3c;--muted:#4b586a;--text-secondary:#4b586a;--line:#dce1e8}
body{font-size:16px;color:var(--ink)}
.nav-item{font-size:15px;color:#475469}.nav-label{color:#4b586a;font-size:13px}
.view-header p,.page-intro p,.profile-page-bio,.arena-rules p,.official-hero p{font-size:16px;color:#465367}
.subtle,.data-source,.profile-identity p,.profile-social-counts,.profile-social-counts>span:last-child,.full-history small,.profile-history-heading>span,.master-name small,.standings-name small,.real-match-main p,.arena-card-meta,.arena-card-progress,.arena-fixture-top,.arena-fixture-bottom,.feed-status,.feed-status small{font-size:14px;color:#4b586a}
.profile-record-grid span,.profile-record-grid small,.arena-metrics span,.arena-metrics small{color:#455064;font-size:14px;line-height:1.65}
.profile-record-grid span{letter-spacing:.5px}.profile-record-grid b{color:#202b3c}
.profile-page-bio{line-height:1.8}.profile-identity p{font-size:15px}.profile-social-counts b{color:#202b3c;font-size:16px}
.profile-identity .pill-label{color:#6e4b17;background:#f8eccc;font-size:13px}
.profile-cover{background:linear-gradient(110deg,#253652,#3c456b);color:#fff1cf}
.profile-cover>span{font-size:14px;letter-spacing:1px}.profile-cover>svg{color:#d8c49e;opacity:.3}
.full-history article>span{font-size:14px;color:#455064}.full-history article>div>b{font-size:16px}
.arena-card-body p,.friends-promo p,.competition-stage p,.master-teaser p,.league-empty p,.arena-empty p{font-size:15px;color:#465367}
.arena-rules .notice,.notice{font-size:15px;color:#424f62}
.real-match-footer,.real-match-footer button,.arena-fixture-bottom .btn,.arena-card .btn,.arena-tabs button,.section-heading .text-link,.rank-toolbar .btn{font-size:14px}
.real-match-meta,.real-match-main>p,.arena-fixture-top{font-size:13px;color:#4b586a}
.real-team-row{font-size:16px;min-height:40px;line-height:1.5}.real-team-row>span:not(.crest){white-space:normal;overflow-wrap:anywhere}.master-name b,.standings-name b{font-size:16px}
.matchday-hero p,.master-banner p{font-size:15px;color:#eef2f8}.matchday-hero .eyebrow,.master-banner .page-kicker{color:#f5d291;font-size:13px}
.arena-detail-heading p{font-size:16px}.arena-detail-meta,.arena-brand{font-size:14px}
.field input::placeholder,.field textarea::placeholder,.searchbox input::placeholder{color:#596577;opacity:1}
.profile-welcome{border:1px solid #d7dfe9;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 34px #23304a07}
.profile-welcome-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 40px;background:#253652;color:white;position:relative;isolation:isolate;overflow:hidden}
.profile-welcome-hero>div:first-child{position:relative;z-index:1}.profile-welcome-hero .page-kicker{color:#f3cf8b;font-size:13px}
.profile-welcome-hero h2{font-size:38px;line-height:1.2;letter-spacing:-1px;margin:14px 0}
.profile-welcome-hero p{font-size:16px;color:#ecf1fa;max-width:520px}
.profile-welcome-ball{width:150px;height:150px;flex-shrink:0;display:grid;place-items:center;border:1px solid #72809c;border-radius:50%;background:#ffffff08}
.profile-welcome-ball svg{width:96px;height:96px;color:#efcd8c;stroke-width:1}
.profile-welcome-body{padding:30px 40px}.profile-welcome-body h3{font-size:23px;margin-bottom:10px}.profile-welcome-body>p{font-size:16px;max-width:660px;color:#465367}
.profile-welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.profile-welcome-actions .btn{font-size:16px;min-height:50px;padding:13px 22px}
.profile-signin-note{display:flex;gap:10px;align-items:flex-start;background:#f2f5fa;padding:15px 17px;border-radius:12px;color:#465367}.profile-signin-note svg{width:19px;height:19px;flex-shrink:0;margin-top:3px}.profile-signin-note p{font-size:14px;line-height:1.75;margin:0}
.profile-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 8px}.profile-benefits article{padding:24px;background:#fff;border:1px solid #dce1e8;border-radius:18px}.profile-benefits h3{font-size:18px;margin:16px 0 9px;line-height:1.5}.profile-benefits p{color:#4b586a;font-size:15px;line-height:1.7}
.benefit-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px}.benefit-icon svg{width:23px;height:23px}.benefit-icon.coral{background:#fce5dc;color:#963b29}.benefit-icon.violet{background:#eee8fc;color:#624391}.benefit-icon.gold{background:#fbefcf;color:#795519}
.profile-unavailable h2{font-size:24px;margin-bottom:12px}.profile-unavailable p{margin-bottom:24px}
[dir=rtl] .profile-cover>svg{right:auto;left:35px}[dir=rtl] .profile-page-actions{right:auto;left:33px}[dir=rtl] .profile-social-counts>span:last-child{margin-left:0;margin-right:auto}
[dir=rtl] .profile-welcome-hero h2{line-height:1.6;letter-spacing:0}
@media(max-width:1000px){.profile-benefits{grid-template-columns:1fr}.profile-benefits article{display:grid;grid-template-columns:44px 1fr;gap:0 16px;padding:20px}.profile-benefits .benefit-icon{grid-row:1/3}.profile-benefits h3{margin:0 0 6px}.profile-benefits p{grid-column:2}.profile-welcome-ball{width:110px;height:110px}.profile-welcome-ball svg{width:74px;height:74px}}
@media(max-width:700px){.profile-welcome-hero{padding:27px 23px}.profile-welcome-hero h2{font-size:30px}.profile-welcome-hero .page-kicker{font-size:12px}.profile-welcome-ball{position:absolute;inset-inline-end:-34px;top:27px;width:150px;height:150px;opacity:.2;z-index:0}.profile-welcome-hero>div:first-child{max-width:100%}.profile-welcome-body{padding:25px 23px}.profile-welcome-body h3{font-size:21px}.profile-welcome-actions{flex-direction:column}.profile-welcome-actions .btn{width:100%;justify-content:center}.profile-benefits{gap:12px}.profile-benefits article{padding:20px 18px}.profile-benefits h3{font-size:17px}.profile-welcome-hero p{font-size:15px}.profile-identity h1{font-size:30px}.profile-page-actions .btn{font-size:14px;min-height:44px}.profile-record-grid>div{padding:18px 15px}.profile-record-grid span{font-size:13px;letter-spacing:0}.profile-record-grid small{font-size:14px}.profile-record-grid b{font-size:34px}.profile-history-heading{flex-wrap:wrap;gap:10px}.profile-social-counts{gap:18px}.feed-status{flex-wrap:wrap;gap:8px}.feed-status small{margin:0}.view-header p,.page-intro p{font-size:16px}.real-team-row{font-size:16px}.fixture-team b{font-size:14px}.mobile-bottom button,[dir=rtl] .mobile-bottom button{font-size:12px;font-weight:600}.profile-cover>span{font-size:13px}[dir=rtl] .profile-page-actions{left:22px;right:auto}}
