/* Match-centred Arabic interface. Existing feature styles remain scoped below. */
:root{--bg:#0b1016;--panel:#121a23;--line:#24303b;--muted:#81909f;--green:#abe96b;--soft-green:#203227;--font-sans:Tajawal,Arial,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--bg);color:#eaf0f5;font-size:14px;line-height:1.55}button,a,input{touch-action:manipulation}button{transition:background .16s,color .16s,border-color .16s}button:not(:disabled):hover{filter:brightness(1.1)}svg.ui-icon{width:20px;height:20px;display:block;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:disabled:hover{filter:none}h1,h2,h3,p{overflow-wrap:break-word}.skip-link{position:fixed;top:10px;right:20px;transform:translateY(-160%);z-index:100;background:var(--green);padding:12px 20px;color:#102018;border-radius:6px}.skip-link:focus{transform:translateY(0)}
.sidebar{width:230px;padding:30px 18px 20px;background:#10161e;border-left:1px solid #222d37;z-index:45;scrollbar-width:thin;scrollbar-color:#293744 transparent}.brand{gap:11px;font-size:inherit;align-items:center;padding:0 9px 10px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--green);color:#18281b;border-radius:12px;flex-shrink:0}.brand-mark svg{width:30px;height:30px}.brand .brand-name{font-size:24px;font-weight:900;line-height:1.2;color:#edf4f1}.brand .brand-name small{font-size:10px;letter-spacing:.3px;color:#6f8492;margin-top:8px;font-weight:400}.sidebar .nav-label{font-size:10px;letter-spacing:.5px;color:#5f7382;margin:27px 12px 12px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button{margin:0;border-radius:8px;padding:12px 13px;gap:13px;color:#92a1ad;font-size:13px;width:100%;text-align:right;min-height:45px}.sidebar nav button span{font-weight:500}.sidebar nav button .ui-icon{width:19px;height:19px;color:#718693}.sidebar nav button:hover{background:#18242e}.sidebar nav button.active{background:#25382a;color:#b6ec8a}.sidebar nav button.active .ui-icon{color:var(--green)}.sidebar nav button b{font:500 10px Arial,sans-serif;min-width:20px;border-radius:5px;padding:2px 6px;background:#20313a;color:#b7d1dd;margin-right:auto}.sidebar nav button.active b{background:#3b5531;color:#d2f4b4}.league-list{display:grid;gap:3px}.league-list button{gap:10px;color:#92a1ad;font-size:11px;padding:9px 10px;margin:0;min-height:38px;border-radius:7px}.league-list button .league-mini-icon{font:700 9px Arial,sans-serif;letter-spacing:.5px;display:grid;place-items:center;width:25px;height:25px;background:#1c2a35;border:1px solid #2d3b48;border-radius:7px;color:#90a8b9;flex-shrink:0}.league-list button.active{background:#18272a;color:#d5e6da}.league-list button.active .league-mini-icon{color:var(--green);border-color:#4a6141}.league-list button:hover{background:#18242e}.nav-league-count{margin-right:auto;font:10px Arial,sans-serif;color:#627985}.sidebar-bottom{font-size:10px;line-height:1.8;color:#657d8b;border-top:1px solid #25313a;padding:18px 10px 0;margin-top:25px}.sidebar-bottom small{display:none}
.shell{margin-right:230px}.app-header{height:76px;padding:0 34px;position:sticky;top:0;z-index:30;background:#0b1118ed;backdrop-filter:blur(16px);border-bottom:1px solid #24303a}.header-location{display:flex;gap:11px;align-items:center;font-size:12px;color:#778e9e}.header-location strong{font-weight:500;color:#d4e0e7}.header-sport{color:#b9d99d}.header-sport .ui-icon{width:19px;height:19px}.header-divider{color:#3f5361;margin:0 2px}.header-actions{gap:17px}.wallet{display:flex;align-items:center;gap:7px;border:1px solid #354837;color:#d2e5c0;background:#152019;font-size:11px;padding:8px 13px;border-radius:7px}.wallet .ui-icon{height:14px;width:14px;color:var(--green)}.wallet b{font:600 12px Arial,sans-serif}.header-separator{height:24px;border-right:1px solid #2d3a44}.profile-button{width:33px;height:33px;display:grid;place-items:center;background:#263a3b;color:#cadfda;font-size:13px;border-radius:50%;border:2px solid #3a5550}.menu-toggle{display:none}.icon-button{display:grid;place-items:center;background:transparent;color:#8297a6;padding:5px;border-radius:6px}.icon-button .ui-icon{height:20px;width:20px}
main{padding:32px 34px 40px;max-width:1550px}.page-heading{margin:0 0 27px;gap:20px}.page-heading .eyebrow{font-size:10px;letter-spacing:.7px;color:#8cbd73;margin-bottom:7px}.page-heading h1{font-size:29px;font-weight:800;letter-spacing:-.45px;line-height:1.35;margin:0 0 8px}.page-heading p{font-size:12px;color:#7f94a3;line-height:1.8}.heading-meta{display:grid;gap:10px;justify-items:end}.live-tag{font-size:10px;color:#9fc28b;display:inline-flex;align-items:center;gap:7px;background:#17251c;border:1px solid #30452c;border-radius:20px;padding:5px 11px}.live-tag i{width:5px;height:5px;border-radius:50%;background:var(--green)}#heading-date{font-size:10px;color:#697f8f}.demo{display:none!important}
.hero.overview{background:none;border:0;border-radius:0;padding:0;min-height:0;overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 30px}.overview-item{display:flex;align-items:center;gap:14px;padding:19px 21px;text-align:right;background:#131d26;border:1px solid #293643;border-radius:10px;color:#b5c3cc;min-width:0;min-height:96px}.overview-item.selected{border-color:#4b643d;background:linear-gradient(115deg,#1b2d20,#19241e)}.overview-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #33444d;background:#1b2a32;border-radius:10px;color:#89a3b3;flex-shrink:0}.overview-item.selected .overview-icon,.live-icon{background:#293d2a;border-color:#405735;color:#afe978}.overview-icon .ui-icon{width:20px;height:20px}.overview-caption{font-size:12px;min-width:0}.overview-caption small{display:block;font-size:9px;color:#637d8d;margin-top:5px;white-space:nowrap}.overview-item strong{font:700 29px Arial,sans-serif;margin-right:auto;color:#e7eff2;letter-spacing:-1px}.overview-item.selected strong{color:#c5efa2}
.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}#main-content{min-width:0;outline:0}.section-top{gap:14px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.section-label{display:flex;align-items:center;gap:9px}.section-label h2{font-size:17px;font-weight:700;margin:0;line-height:1.3}.result-count{font:10px Arial,sans-serif;color:#91a7b3;border:1px solid #33444e;padding:1px 7px;border-radius:20px;min-width:22px;text-align:center}.fixture-date-controls{gap:5px}.fixture-date-controls button{padding:7px 9px;min-height:32px;background:#192630;border:1px solid #293e4c;color:#aabfc9;border-radius:6px;font-size:11px}.fixture-date-controls label>span{display:none}.fixture-date-controls input{height:33px;padding:5px 8px;background:#121e27;border-color:#2b3f4a;border-radius:6px;width:129px;max-width:129px;font-size:11px;font-family:Arial,sans-serif}.fixture-date-controls [data-fixtures-today]{color:var(--green);background:#233123;border-color:#3b4c32}
#live-source-bar{background:none;border:0;border-bottom:1px solid #22313c;border-radius:0;padding:0 0 14px;margin:0 0 15px;gap:10px;align-items:center}#live-source-bar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#live-source-bar .source-indicator{font-size:10px;color:#9ab98b;white-space:nowrap}#live-source-bar .source-error{font-size:10px}#live-source-bar .source-indicator:before{height:5px;width:5px}#live-source-bar small{color:#637f8f;font-size:9px;line-height:1.5}#live-source-bar button{font-size:10px;background:transparent;border:0;color:#9bb0ba;padding:4px;white-space:nowrap}#live-source-bar button:hover{color:var(--green)}.toolbar{gap:12px;align-items:center;margin:0 0 18px;flex-wrap:nowrap}.tabs{background:#111c25;border:1px solid #273846;border-radius:7px;padding:4px;gap:1px}.tabs button{padding:7px 12px;border-radius:4px;font-size:11px;min-width:45px;min-height:31px;color:#7f98a7}.tabs .selected{background:#2b3d2c;color:#c4e8a7}.pulse{height:5px;width:5px}.search{flex:1;min-width:110px;background:#111c25;border:1px solid #273846;border-radius:7px;min-height:40px;gap:8px;padding:0 11px;color:#567281}.search .ui-icon{width:16px;height:16px}.search input{width:100%;min-width:0;outline:0;color:#ccdae3;font-size:11px;height:36px}.search input::placeholder{color:#587687}.search:focus-within{border-color:#638855}.search .icon-button{font-size:21px;padding:0 2px}
.league{border:1px solid #263640;border-radius:9px;margin-bottom:16px;background:#111b24;box-shadow:0 3px 18px #00000008}.league-heading{width:100%;display:flex;align-items:center;gap:10px;background:#1a2631;border:0;padding:12px 15px;text-align:right;min-height:55px}.league-emblem{height:30px;width:30px;background:#243641;border:1px solid #384d58;display:grid;place-items:center;border-radius:8px;font:700 10px Arial,sans-serif;color:#9dbec7;flex-shrink:0}.league-title{display:grid;gap:2px}.league-title strong{font-size:12px;color:#dde7eb;font-weight:600;line-height:1.5}.league-title small{font-size:9px;color:#6b8798;margin:0}.league-heading .league-count{margin-right:auto;color:#86a0ae;font-size:10px;padding-left:7px;white-space:nowrap}.collapse-icon{color:#6c8595;transition:transform .2s}.collapse-icon svg{width:14px;height:14px}.league-heading[aria-expanded=false] .collapse-icon{transform:rotate(180deg)}.match{grid-template-columns:19px 42px minmax(0,1fr) 65px minmax(0,1fr) 23px;padding:15px 13px;gap:7px;background:#111b24;border-top:1px solid #22323c;min-height:68px}.match[data-match-row]:hover{background:#192630}.match-status{font-size:9px;color:#6c8797;line-height:1.5;text-align:center;white-space:normal}.match-status.live{color:#b6e584;font-weight:500}.match-status.live:before{content:'';width:4px;height:4px;border-radius:50%;background:#a5df69;display:inline-block;margin-left:3px}.match-status small{display:block;color:#486877;font-size:8px;margin-top:4px}.match-status.unavailable{color:#d5af6d}.team{font-size:11px;line-height:1.65;gap:9px;font-weight:600;text-align:right;color:#cfdee5;min-width:0}.team>span.team-name{min-width:0;overflow-wrap:break-word}.team .team-logo{height:28px;width:25px}.team.away{text-align:left}.score{font:700 16px Arial,sans-serif;letter-spacing:0;color:#e4edf1}.score.live{color:#c3eea5}.score .match-score-pair{padding:4px 6px;border-radius:5px;gap:4px;min-width:49px;background:#21332a}.score.upcoming{font:500 12px Arial,sans-serif;letter-spacing:.3px;color:#a2b4c0}.score.finished .match-score-pair{background:#1b2932;color:#becbd4}.favorite{font-size:20px;color:#456575;line-height:1}.favorite.on{color:var(--green)}.favorite:hover{color:#c2d993}.details{background:none;border:0;color:#597582;padding:7px 0;font-size:19px}.details:hover{color:var(--green)}.more-matches{width:100%;padding:11px 15px;background:#15232d;color:#90afa0;font-size:10px;border-top:1px solid #263b44;display:flex;align-items:center;justify-content:center;gap:8px}.more-matches .ui-icon{height:13px;width:13px}.footnote{color:#516f7f;font-size:9px;line-height:1.9;margin-top:20px}.empty{background:#111c24;border-style:solid;border-color:#2a3d47;font-size:12px;padding:40px 20px;color:#8ba3b0}.empty button{margin-top:16px}.loading-state{background:linear-gradient(110deg,#111d24,#1d3035,#111d24);background-size:200% 100%;animation:loading-sheen 2s ease-in-out infinite}@keyframes loading-sheen{from{background-position:100%}to{background-position:-100%}}
.right-rail{display:flex;flex-direction:column;gap:18px;min-width:0}.points-card{border:1px solid #415a36;border-radius:11px;background:radial-gradient(ellipse at 0% 0%,#35492d55,transparent 65%),linear-gradient(120deg,#243823,#18281e);padding:20px;position:relative;overflow:hidden}.card-kicker{font-size:12px;color:#b9cdb2;align-items:center}.virtual-tag{font-size:9px!important;background:#33472c;border:1px solid #536242;color:#bdcda6!important;padding:2px 7px;border-radius:4px}.points-value{display:flex;align-items:baseline;gap:8px;position:relative;margin:12px 0 4px}.points-value b{font:700 35px Arial,sans-serif;letter-spacing:-1px;color:#c5f29b}.points-value small{font-size:11px;color:#91a282}.points-orbit{margin-right:auto;align-self:center;width:40px;height:40px;border:1px solid #6c82414d;border-radius:50%;color:#c3e18b77;display:grid;place-items:center;box-shadow:0 0 0 8px #8ca76008}.points-orbit .ui-icon{width:22px;height:22px}.points-card p{font-size:10px;color:#8da080;margin:12px 0}.points-card #daily-claim{background:#3b512f;border:1px solid #627b44;color:#d2eab2;border-radius:6px;padding:9px 10px;margin-top:17px;font-size:10px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px}.points-card #daily-claim b{margin-right:auto}.rail-card{border:1px solid #2a3b46;background:#131f28;border-radius:10px;padding:20px}.rail-card-heading{display:flex;gap:10px;align-items:center}.rail-card h3{font-size:14px;font-weight:700;color:#d5e3e9;margin:0;line-height:1.6}.rail-icon{color:#a6c88c}.rail-icon .ui-icon{height:18px;width:18px}.rail-card p{font-size:11px;color:#7f9aaa;line-height:1.9;margin:13px 0 18px}.primary{font-size:12px;background:#adeb70;color:#152717;border:1px solid #b2ef79;border-radius:6px;padding:10px 14px;min-height:37px;box-shadow:0 3px 10px #060d0610}.prediction-card .primary{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.prediction-card .primary span{margin:0;font-size:17px;line-height:1}.rail-note{font-size:9px;color:#5f7d89;text-align:center;margin-top:12px}.friends-card{background:radial-gradient(ellipse at 50% 0%,#22353166,transparent 75%),#121f27;text-align:center;padding-top:22px}.friends-art{display:flex;align-items:center;justify-content:center;margin-bottom:19px;direction:rtl}.friends-art span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:3px solid #192b2e;background:#2d4944;color:#b4d4c2;margin:0 -4px;font-size:10px}.friends-art span:nth-child(2){background:#3b4149;color:#c7c8df}.friends-art span:nth-child(3){background:#4b4934;color:#d3c89a}.friends-art i{font-style:normal;display:grid;place-items:center;width:25px;height:25px;background:#243a30;border:1px dashed #687d59;border-radius:50%;color:#a1b88b;margin-right:8px;font-size:12px}.friends-card p{font-size:10px;margin:10px 0}.text-button{font-size:11px;color:#a8d68b}.friends-card .text-button{padding:10px 0 0}.friends-card .text-button span{margin-right:8px}.friends-card .subtle{font-size:9px;color:#688893;margin-top:8px}.disclaimer{font-size:9px;padding:0 6px;margin:0;color:#536f7b;line-height:1.9}.featured-fixture{padding:17px 18px}.feature-kicker{display:flex;justify-content:space-between;align-items:center;color:#718e9e;font-size:10px;margin-bottom:18px}.feature-kicker b{font-size:9px;font-weight:500;color:#a8c293}.featured-teams{display:grid;grid-template-columns:1fr 50px 1fr;text-align:center;align-items:center;gap:7px}.featured-teams .team-logo{width:34px;height:38px;margin:auto}.featured-teams>div>span:last-child{font-size:10px;display:block;line-height:1.6;margin-top:9px;color:#bfd0da}.featured-time{font:600 14px Arial,sans-serif;color:#d5e6ea}.featured-time small{font:9px Tajawal,Arial,sans-serif;display:block;color:#748f9b;margin-top:6px}.featured-fixture .secondary{width:100%;margin-top:18px;font-size:10px;background:#1e3036;border-color:#3a4f50;color:#c2d7cf;min-height:33px;padding:8px}
.asset-credits{padding:14px 34px 0;font-size:9px;color:#486573;max-width:1550px;margin:0 auto}.asset-credits a{color:#769980;text-decoration:none}footer{padding:22px 34px;margin:0 34px;border-color:#23323c;font-size:12px;align-items:center;gap:15px}footer .footer-brand{font-weight:800;font-size:15px;color:#bacdc4;white-space:nowrap}footer>span:not(.footer-brand){font-size:10px;color:#4b6d7a}footer small{font-size:9px;color:#4b6d7a}
.competition-intro,.mission-banner{background:linear-gradient(120deg,#213629,#172a28);border-color:#3a5140;border-radius:10px}.competition-intro h2,.mission-banner h2{font-size:22px}.league-type,.earning-card,.mission-card,.competition-card,.ranking-card{background:#131f28;border-color:#2b3d48;border-radius:10px}.league-type{padding:18px 14px}.league-type strong{font-size:12px}.league-type small{font-size:10px}.league-type>span{font-size:25px}.secondary{border-radius:6px;background:#21332a;color:#baddad;border-color:#3f5947;min-height:35px}.scope-filters button{font-size:10px}.mission-reward{font-size:10px}.mission-card h3{font-size:16px}.mission-card p,.earning-card p{font-size:11px}.saved-prediction{background:#121f28;border-color:#2a3d48;border-radius:8px;font-size:12px;padding:21px}.section-top .compact{font-size:10px}.wallet-overview{border-radius:10px;background:linear-gradient(120deg,#23392a,#152820)}.availability{font-size:9px;border:1px solid #3c5141;background:#263a2b;color:#b9d8a6}.gift-unlock{border-radius:10px;background:linear-gradient(120deg,#343321,#222c22);border-color:#53613b}
#match-dialog{border-radius:13px;border-color:#395045;box-shadow:0 24px 100px #0008}#match-dialog::backdrop{background:#030a10cf;backdrop-filter:blur(5px)}#close-dialog{border-radius:50%;width:27px;height:27px;background:#20313b;color:#90a8b3;font-size:20px;line-height:1;display:grid;place-items:center;z-index:2;top:14px;left:14px}.match-detail-top{padding-left:34px;font-size:11px}.match-detail{padding:24px 28px}.match-scoreboard{padding:25px 0 22px}.match-scoreboard h2{font-size:19px}.match-center strong{font-size:31px}.match-detail-tabs button{font-size:12px}.match-detail-tabs{margin-bottom:19px}.lineup-notice{font-size:10px;background:#203225;border-right-color:#8bb965;color:#98b58d}.kickoff-label{font-size:10px}.stats-team-label{font-size:11px}.detail-stat>div:first-child{font-size:11px}.detail-stat b{font-size:13px}.detail-stat-bars{height:5px}.match-center .match-score-pair{padding:0 8px}#toast{background:#c1eda3;color:#18301c;font-size:12px;padding:13px 20px;box-shadow:0 10px 35px #0005;border:1px solid #d6f4c5}
.mobile-nav,.nav-backdrop{display:none}.overview .selected .overview-caption{color:#d4e8c7}.page-heading p{max-width:520px}.ranking-empty{padding:36px 25px;text-align:center}.ranking-empty>.ui-icon{width:38px;height:38px;color:#98bf7f;margin:0 auto 18px}.ranking-empty h3{font-size:18px;margin-bottom:12px}.ranking-empty p{font-size:12px;color:#8aa3b2;line-height:1.9}.ranking-empty .primary{margin-top:15px}
@media(min-width:1600px){main{padding-top:38px}.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:30px}.match{padding:17px 20px}.team{font-size:12px}.team .team-logo{height:31px;width:28px}.overview-item{padding:23px}}
@media(max-width:1280px){.sidebar{width:210px;padding-right:12px;padding-left:12px}.brand .brand-name{font-size:22px}.shell{margin-right:210px}.app-header{padding:0 25px}main{padding:28px 25px}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.overview-item{padding:17px 15px;gap:10px}.overview-caption small{font-size:8px}.overview-caption{font-size:11px}.overview-icon{width:34px;height:34px}.overview-item strong{font-size:26px}.match{grid-template-columns:17px 35px minmax(0,1fr) 52px minmax(0,1fr) 17px;gap:5px;padding:14px 10px}.team{font-size:10px;gap:6px}.team .team-logo{width:22px;height:26px}.score{font-size:15px}.score .match-score-pair{min-width:45px;padding:4px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.tabs{flex:1}.tabs button{flex:1}.points-card,.rail-card{padding:17px}.card-kicker{font-size:11px}.points-value b{font-size:30px}.rail-card h3{font-size:13px}.prediction-card .primary{font-size:10px}.overview{gap:12px!important}}
@media(max-width:1100px) and (min-width:768px){.sidebar{width:75px;padding:25px 10px}.sidebar .brand{padding:0;justify-content:center}.brand .brand-name{display:none}.brand-mark{height:38px;width:38px}.sidebar .nav-label{height:1px;font-size:0;margin:25px 0 15px;background:#23333d}.sidebar nav button{justify-content:center;padding:13px 0;gap:0}.sidebar nav button>span,.sidebar nav button>b{display:none}.sidebar nav button .ui-icon{width:21px;height:21px}.sidebar .league-list,.sidebar-bottom{display:none}.shell{margin-right:75px}.workspace{grid-template-columns:minmax(0,1fr) 235px}.page-heading h1{font-size:27px}.sidebar nav button{position:relative}.sidebar nav button:hover:after{content:attr(aria-label);position:absolute;right:60px;white-space:nowrap;background:#263a45;padding:7px 12px;border:1px solid #45606b;border-radius:5px;font-size:11px;color:#d4e6e8;z-index:60}.toolbar{flex-wrap:wrap}}
@media(max-width:920px){.workspace{grid-template-columns:1fr}.right-rail{display:none}.toolbar{flex-wrap:nowrap}.search{flex-basis:auto;min-width:130px}.tabs{flex:0 0 auto}.overview-item{padding:18px}.overview-caption{font-size:12px}.overview-caption small{font-size:9px}.match{padding:16px 14px;grid-template-columns:22px 48px minmax(0,1fr) 70px minmax(0,1fr) 24px;gap:9px}.team{font-size:12px;gap:10px}.team .team-logo{width:27px;height:31px}.match-status{font-size:10px}.score{font-size:17px}.league-title strong{font-size:13px}.section-top{flex-wrap:nowrap}}
@media(max-width:767px){html{scroll-padding-top:76px}.sidebar{display:none}.shell{margin:0}.app-header{height:62px;padding:0 18px;gap:12px}.header-location{font-size:11px;gap:8px}.menu-toggle{display:grid;color:#aac2ce;margin-right:-5px;margin-left:3px}.header-sport,.header-divider,.header-location>span:not(.header-sport):not(.header-divider){display:none}.header-location strong{font-size:13px;font-weight:700}.header-actions{gap:10px}.header-separator{display:none}.wallet{font-size:10px;padding:7px 9px;gap:5px}.wallet b{font-size:11px}.wallet .ui-icon{width:12px;height:12px}.profile-button{width:28px;height:28px;font-size:11px}main{padding:23px 16px 30px}.page-heading{margin-bottom:21px;gap:12px;align-items:flex-start}.page-heading .eyebrow{font-size:9px;margin-bottom:7px}.page-heading h1{font-size:25px;margin-bottom:8px}.page-heading p{font-size:10px;max-width:265px;line-height:1.9}.heading-meta{gap:7px;padding-top:4px}.heading-meta .live-tag{font-size:8px;padding:4px 7px;gap:5px}.heading-meta #heading-date{display:none}.hero.overview{gap:8px!important;margin-bottom:25px}.overview-item{flex-wrap:wrap;gap:9px;padding:12px 10px;border-radius:8px;min-height:104px;align-content:center}.overview-icon{height:27px;width:27px;border-radius:7px}.overview-icon .ui-icon{height:15px;width:15px}.overview-item strong{font-size:23px;order:1}.overview-caption{font-size:10px;order:2;flex-basis:100%;line-height:1.4}.overview-caption small{display:none}.section-top{gap:12px;flex-wrap:wrap;margin-bottom:14px}.section-label h2{font-size:15px}.result-count{font-size:9px;padding:1px 6px}.date{margin-right:auto}.fixture-date-controls{gap:4px}.fixture-date-controls input{width:115px;max-width:115px;height:30px;font-size:10px;padding:4px 5px}.fixture-date-controls button{min-height:30px;padding:6px 7px;font-size:10px}#live-source-bar{padding-bottom:12px;margin-bottom:14px;gap:8px}#live-source-bar>div{gap:4px;display:grid}#live-source-bar .source-indicator{font-size:9px}#live-source-bar small{font-size:8px}#live-source-bar button{font-size:9px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:15px}.tabs{flex:1;width:100%;min-width:0;justify-content:space-between}.tabs button{padding:6px 10px;min-height:30px;font-size:10px;flex:1}.search{flex:1 1 100%;min-width:0;min-height:37px;padding:0 10px}.search input{height:34px;font-size:10px}.search .ui-icon{height:15px;width:15px}.league{border-radius:8px;margin-bottom:13px}.league-heading{min-height:49px;padding:10px 11px;gap:9px}.league-emblem{height:27px;width:27px;border-radius:6px;font-size:9px}.league-title strong{font-size:11px}.league-title small{font-size:8px}.league-heading .league-count{font-size:9px;padding-left:0}.collapse-icon svg{height:13px;width:13px}.match{grid-template-columns:16px 32px minmax(0,1fr) 47px minmax(0,1fr) 15px;gap:5px;padding:13px 8px;min-height:65px}.match-status{font-size:8px;line-height:1.5}.match-status small{font-size:7px;margin-top:3px}.team{font-size:9px;line-height:1.6;gap:5px}.team .team-logo{width:22px;height:25px}.score{font-size:14px}.score .match-score-pair{min-width:43px;padding:4px 3px;gap:3px}.score.upcoming{font-size:10px}.favorite{font-size:18px}.details{font-size:16px}.more-matches{font-size:9px;padding:10px}.footnote{font-size:8px;margin-top:18px}.asset-credits{font-size:8px;padding:5px 18px 0;line-height:1.9}footer{margin:0 16px;padding:20px 0 95px;gap:8px}footer .footer-brand{font-size:13px}footer>span:not(.footer-brand){font-size:8px;display:inline}footer small{display:none}.mobile-nav{position:fixed;bottom:0;right:0;left:0;height:69px;padding:7px 7px max(7px,env(safe-area-inset-bottom));z-index:40;background:#111b24f5;backdrop-filter:blur(16px);border-top:1px solid #2e404c;display:flex;align-items:stretch;gap:3px;box-shadow:0 -8px 25px #050b101a}.mobile-nav button{background:none;border-radius:7px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#6e8a9c;font-size:9px;min-height:45px;padding:5px 2px;margin:0}.mobile-nav button .ui-icon{height:19px;width:19px}.mobile-nav button.active{background:#20342a;color:#b7e28f}.mobile-nav button span{font-weight:500}.nav-backdrop{position:fixed;inset:0;background:#000a;backdrop-filter:blur(4px);z-index:44}.nav-open .nav-backdrop{display:block}.nav-open .sidebar{display:flex;position:fixed;width:260px;max-width:82vw;top:0;bottom:0;right:0;padding:25px 17px;z-index:45;overflow-y:auto}.nav-open .sidebar .brand{padding:0 8px 15px}.nav-open .sidebar .brand-name{display:block;font-size:24px}.nav-open .sidebar .nav-label{display:block;font-size:10px;background:none;height:auto;margin:25px 10px 12px}.nav-open .sidebar nav{display:flex;flex-wrap:nowrap;margin:0;gap:3px;overflow:visible}.nav-open .sidebar nav button{display:flex;flex-direction:row;justify-content:flex-start;flex:none;gap:12px;min-height:44px;padding:11px 13px;font-size:12px;width:100%}.nav-open .sidebar nav button>span,.nav-open .sidebar nav button>b{display:block}.nav-open .sidebar .league-list{display:grid}.nav-open .sidebar-bottom{display:block}#toast{bottom:84px;width:calc(100% - 36px);max-width:420px;text-align:center;font-size:11px;padding:12px}#match-dialog.match-detail{max-height:calc(100dvh - 28px);width:calc(100vw - 20px);padding:22px 13px;border-radius:10px}.match-detail-top{font-size:10px;padding-left:30px}.match-scoreboard{gap:8px;padding-top:25px}.match-scoreboard h2{font-size:14px}.match-center strong{font-size:25px}.match-detail-tabs{gap:20px}.match-detail-tabs button{font-size:11px}.lineup-toolbar{gap:8px}.team-switch button{font-size:9px;gap:6px;padding:7px 8px}.lineup-notice{font-size:9px}.kickoff-label{font-size:9px}.football-field{height:490px}.player-name{font-size:8px}.lineup-foot{font-size:8px}.competition-intro h2,.mission-banner h2{font-size:20px}.competition-intro{padding:21px}.league-type-grid{gap:9px}.league-type strong{font-size:12px}.league-type small{font-size:9px}.mission-total{font-size:34px}.ranking-empty{padding:32px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:768px){.icon-button.menu-toggle{display:none}}