@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=Archivo+Black&family=Readex+Pro:wght@400;500;600;700&family=Reem+Kufi:wght@400;500;600;700&display=swap";:root{--sx-black:#000;--sx-white:#fff;--sx-pink:#ee3d8a;--sx-pink-600:#d6276f;--sx-pink-50:#ffe8f2;--sx-yellow:#f8ec32;--sx-red:#d93027;--sx-ink:#0a0a0a;--sx-ink-80:#1c1c1c;--sx-ink-60:#3a3a3a;--sx-ink-40:#6b6b6b;--sx-ink-20:#b8b8b8;--sx-ink-10:#e4e4e4;--sx-ink-5:#f3f3f3;--sx-bg:#fafafa;--sx-card:#fff;--f-display:"Archivo Black", "Space Grotesk", sans-serif;--f-body:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--f-mono:"Space Mono", ui-monospace, monospace;--f-display-ar:"Reem Kufi", "Readex Pro", "Noto Naskh Arabic", sans-serif;--f-body-ar:"Readex Pro", "Noto Sans Arabic", "Tajawal", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--px:4px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--f-body);background:var(--sx-bg);color:var(--sx-ink);-webkit-font-smoothing:antialiased;line-height:1.5}[dir=rtl]{--f-display:var(--f-display-ar);--f-body:var(--f-body-ar)}a{color:inherit}img{max-width:100%;display:block}button{font-family:inherit}.app-layout{background:var(--sx-bg);flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.topnav{z-index:100;background:var(--sx-white);border-bottom:1px solid var(--sx-ink-10);align-items:center;height:68px;display:flex;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.topnav-brand{color:var(--sx-ink);font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:12px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.topnav-brand img{height:32px}.topnav-links{flex:1;gap:4px;margin-inline-start:16px;display:flex}.topnav-link{letter-spacing:.06em;text-transform:uppercase;color:var(--sx-ink-60);transition:color .12s var(--ease);padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none}.topnav-link:hover,.topnav-link.active{color:var(--sx-ink)}.topnav-actions{align-items:center;gap:12px;display:flex}.lang-toggle{position:relative}.lang-button{border:1px solid var(--sx-ink-10);background:var(--sx-white);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .12s var(--ease);align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.lang-button:hover{border-color:var(--sx-ink)}.lang-menu{top:100%;background:var(--sx-white);border:1px solid var(--sx-ink-10);z-index:110;min-width:140px;margin-top:4px;position:absolute;inset-inline-end:0}.lang-menu button{text-align:start;cursor:pointer;width:100%;color:var(--sx-ink);background:0 0;border:none;padding:10px 14px;font-size:13px;display:block}.lang-menu button:hover{background:var(--sx-ink-5)}.user-chip{border:1px solid var(--sx-ink-10);color:var(--sx-ink);align-items:center;gap:10px;padding:6px 10px 6px 6px;font-size:13px;text-decoration:none;display:inline-flex}.avatar{background:var(--sx-ink);width:30px;height:30px;color:var(--sx-white);font-family:var(--f-display);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease), transform .12s var(--ease);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sx-ink);color:var(--sx-white);border-color:var(--sx-ink)}.btn-primary:hover{background:var(--sx-ink-80)}.btn-pink{background:var(--sx-pink);color:var(--sx-white);border-color:var(--sx-pink)}.btn-pink:hover{background:var(--sx-pink-600);border-color:var(--sx-pink-600)}.btn-yellow{background:var(--sx-yellow);color:var(--sx-ink);border-color:var(--sx-yellow)}.btn-yellow:hover{background:var(--sx-ink);color:var(--sx-yellow)}.btn-ghost{color:var(--sx-ink);border-color:var(--sx-ink);background:0 0}.btn-ghost:hover{background:var(--sx-ink);color:var(--sx-white)}.btn-ghost-light{color:var(--sx-white);border-color:var(--sx-white);background:0 0}.btn-ghost-light:hover{background:var(--sx-white);color:var(--sx-ink)}.btn-sm{padding:8px 14px;font-size:11px}.btn-link{letter-spacing:.04em;text-transform:none;color:var(--sx-ink-40);text-underline-offset:3px;background:0 0;border:none;padding:4px 6px;font-size:11px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.btn-link:hover{color:var(--sx-ink)}.btn-lg{padding:16px 28px;font-size:14px}.btn-block{width:100%}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--sx-ink-40);font-size:11px;font-weight:700}.h-led{letter-spacing:.02em;text-transform:uppercase;font-family:Archivo Black,Space Grotesk,sans-serif;font-size:clamp(56px,7.4vw,112px);line-height:.95}.h-display{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(28px,3.4vw,44px);line-height:1.05}.h-section{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;font-size:22px}.mono{font-family:var(--f-mono)}.px-grid{background-image:linear-gradient(var(--sx-ink-10) 1px, transparent 1px), linear-gradient(90deg, var(--sx-ink-10) 1px, transparent 1px);background-size:24px 24px}.px-grid-dark{background-color:var(--sx-ink);color:var(--sx-white);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:24px 24px}.hero{padding:64px 0 48px}.hero-stats{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.hero-stat .stat-value{font-family:Space Mono,ui-monospace,monospace;font-size:clamp(40px,5.2vw,72px);line-height:1}.hero-stat .stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--sx-ink-20);margin-top:8px;font-size:12px}.ticker{border-block:1px solid var(--sx-ink);align-items:center;height:40px;display:flex;position:relative;overflow:hidden}.ticker-yellow{background:var(--sx-yellow);color:var(--sx-ink)}.ticker-dark{background:var(--sx-ink);color:var(--sx-white);border-color:var(--sx-ink-80)}.ticker-track{white-space:nowrap;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;font-size:13px;animation:40s linear infinite ticker-scroll;display:flex}.ticker-track>span{align-items:center;gap:24px;padding:0 24px;display:inline-flex}.ticker-track>span:after{content:"★";color:currentColor;opacity:.6}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .ticker-track{animation-direction:reverse}.status-pill{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--sx-ink);background:var(--sx-white);color:var(--sx-ink);align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.pill-live{background:var(--sx-pink);color:var(--sx-white);border-color:var(--sx-pink)}.status-pill.pill-upcoming{background:var(--sx-yellow);border-color:var(--sx-ink)}.status-pill.pill-completed{color:var(--sx-ink-40);border-color:var(--sx-ink-20);background:0 0}.pill-dot{background:currentColor;width:6px;height:6px}.pill-live .pill-dot{background:var(--sx-white);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.events-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.event-card{background:var(--sx-card);border:1px solid var(--sx-ink);color:var(--sx-ink);transition:transform .2s var(--ease);flex-direction:column;text-decoration:none;display:flex}.event-card:hover{box-shadow:4px 4px 0 0 var(--sx-ink);transform:translate(-2px,-2px)}.event-card-image{aspect-ratio:16/9;background:var(--sx-ink-5);border-bottom:1px solid var(--sx-ink);position:relative}.event-card-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.event-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.event-card-title{letter-spacing:.02em;text-transform:uppercase;font-family:Archivo Black,Space Grotesk,sans-serif;font-size:22px;line-height:1.05}.event-card-tagline{color:var(--sx-ink-60);font-size:13px}.event-card-foot{border-top:1px solid var(--sx-ink-10);color:var(--sx-ink-60);justify-content:space-between;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.event-card-foot strong{color:var(--sx-ink);font-weight:600}.placeholder-img{background-color:var(--sx-ink-5);background-image:repeating-linear-gradient(-45deg, var(--sx-ink-10) 0, var(--sx-ink-10) 10px, var(--sx-ink-5) 10px, var(--sx-ink-5) 20px);width:100%;height:100%;font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--sx-ink-40);justify-content:center;align-items:center;font-size:14px;display:flex}.filter-bar{border-bottom:1px solid var(--sx-ink-10);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px 0;display:flex}.filter-chip{border:1px solid var(--sx-ink);background:var(--sx-white);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:8px 14px;font-size:12px;font-weight:600}.filter-chip.active{background:var(--sx-ink);color:var(--sx-white)}.filter-search{gap:8px;margin-inline-start:auto;display:flex}.filter-search input,.filter-search select{border:1px solid var(--sx-ink);background:var(--sx-white);color:var(--sx-ink);padding:8px 12px;font-family:inherit;font-size:13px}.filter-search input:focus,.filter-search select:focus{outline:2px solid var(--sx-pink);outline-offset:-2px}.detail-hero{padding:56px 0 48px}.breadcrumb{letter-spacing:.12em;text-transform:uppercase;color:var(--sx-ink-20);align-items:center;gap:8px;margin-bottom:32px;font-size:11px;display:flex}.breadcrumb a{color:var(--sx-ink-20);text-decoration:none}.breadcrumb a:hover{color:var(--sx-white)}.detail-title{letter-spacing:.02em;text-transform:uppercase;max-width:14ch;margin-bottom:16px;font-family:Archivo Black,Space Grotesk,sans-serif;font-size:clamp(40px,6vw,88px);line-height:1}.detail-tagline{max-width:60ch;color:var(--sx-ink-20);font-size:16px;line-height:1.6}.detail-info-card{background:var(--sx-white);color:var(--sx-ink);border:1px solid var(--sx-ink);z-index:2;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:24px;margin-top:-32px;padding:20px 24px;display:grid;position:relative}.info-cell .info-label{letter-spacing:.12em;text-transform:uppercase;color:var(--sx-ink-40);font-size:11px}.info-cell .info-value{letter-spacing:.02em;margin-top:4px;font-family:Space Mono,ui-monospace,monospace;font-size:28px;line-height:1}.tab-bar{z-index:50;background:var(--sx-white);border-bottom:1px solid var(--sx-ink-10);gap:4px;margin-top:48px;display:flex;position:sticky;top:68px;overflow-x:auto}.tab-bar button{letter-spacing:.1em;text-transform:uppercase;color:var(--sx-ink-40);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 18px;font-size:12px;font-weight:700}.tab-bar button.active{color:var(--sx-ink);border-bottom-color:var(--sx-pink)}.tab-panel{padding:32px 0}.sport-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sport-card{border:1px solid var(--sx-ink);text-align:center;background:var(--sx-white);flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.sport-card img.sport-icon,.sport-card div.sport-icon{object-fit:contain;background:var(--sx-ink-5);width:44px;height:44px;color:var(--sx-ink);justify-content:center;align-items:center;font-family:Space Mono,ui-monospace,monospace;font-size:18px;display:flex}.sport-card .sport-name{letter-spacing:.04em;text-transform:uppercase;font-family:Archivo Black,Space Grotesk,sans-serif;font-size:14px}.kpi-row{border:1px solid var(--sx-ink);grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px;display:grid}.kpi-cell{border-inline-end:1px solid var(--sx-ink-10);padding:20px}.kpi-cell:last-child{border-inline-end:none}.kpi-cell .kpi-value{font-family:Space Mono,ui-monospace,monospace;font-size:clamp(36px,4.6vw,56px);line-height:1}.kpi-cell .kpi-label{letter-spacing:.12em;text-transform:uppercase;color:var(--sx-ink-40);margin-top:6px;font-size:11px}.progress-track{background:var(--sx-ink-10);width:100%;height:8px;margin-top:16px}.progress-fill{background:var(--sx-pink);height:100%;transition:width .6s var(--ease)}.leaderboard{border-collapse:collapse;border:1px solid var(--sx-ink);background:var(--sx-white);width:100%}.leaderboard th,.leaderboard td{text-align:start;border-bottom:1px solid var(--sx-ink-10);padding:12px 16px;font-size:13px}.leaderboard th{letter-spacing:.08em;text-transform:uppercase;color:var(--sx-ink-40);background:var(--sx-ink-5);font-size:11px;font-weight:700}.leaderboard tr.is-me td{background:var(--sx-pink-50);font-weight:600}.rank-pill{background:var(--sx-ink-10);min-width:28px;height:28px;font-family:var(--f-mono);justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.rank-pill.rank-1{background:var(--sx-yellow);color:var(--sx-ink)}.rank-pill.rank-2{background:var(--sx-ink-20);color:var(--sx-ink)}.rank-pill.rank-3{background:var(--sx-ink-40);color:var(--sx-white)}.rank-pill.rank-me{background:var(--sx-ink);color:var(--sx-white)}.service-list{gap:12px;display:grid}.service-row{background:var(--sx-white);border:1px solid var(--sx-ink);align-items:center;gap:16px;padding:16px 20px;display:flex}.service-icon{background:var(--sx-ink-5);width:44px;height:44px;font-family:var(--f-display);text-transform:uppercase;justify-content:center;align-items:center;font-size:18px;display:flex}img.service-icon{object-fit:contain;background:0 0;padding:4px}.service-meta{flex:1}.service-meta .service-name{font-family:var(--f-display);text-transform:uppercase;font-size:16px}.service-meta .service-status{color:var(--sx-ink-40);margin-top:2px;font-size:12px}.service-status.connected{color:var(--sx-ink)}.service-status.disconnected{color:var(--sx-ink-40)}.modal-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--sx-white);border:1px solid var(--sx-ink);width:100%;max-width:460px;padding:32px;position:relative}.modal-close{top:12px;cursor:pointer;color:var(--sx-ink-40);background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;position:absolute;inset-inline-end:12px}.modal-card h2{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-size:28px}.modal-card p{color:var(--sx-ink-60);margin-bottom:24px;font-size:14px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{letter-spacing:.1em;text-transform:uppercase;color:var(--sx-ink-60);font-size:11px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--sx-ink);background:var(--sx-white);color:var(--sx-ink);font-family:var(--f-mono);letter-spacing:.08em;padding:12px 14px;font-size:14px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--sx-pink);outline-offset:-2px}.field-error{color:var(--sx-red);margin-top:4px;font-size:12px}.site-foot{background:var(--sx-ink);color:var(--sx-white);margin-top:64px;padding:56px 0 32px}.site-foot-grid{border-bottom:1px solid var(--sx-ink-80);grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:40px;display:grid}.site-foot-col h4{font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:14px}.site-foot-col a{color:var(--sx-ink-20);padding:4px 0;font-size:13px;text-decoration:none;display:block}.site-foot-col a:hover{color:var(--sx-white)}.site-foot-bot{color:var(--sx-ink-20);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:24px;font-size:11px;display:flex}.site-foot-bot img{height:24px}.loader{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sx-ink-40);justify-content:center;align-items:center;padding:64px 24px;font-size:12px;display:flex}.empty-state,.error-state{border:1px solid var(--sx-ink-10);text-align:center;background:var(--sx-white);padding:48px 24px}.empty-state h3,.error-state h3{font-family:var(--f-display);text-transform:uppercase;color:var(--sx-pink);margin-bottom:8px;font-size:22px}.empty-state p,.error-state p{color:var(--sx-ink-40);font-size:14px}@media (width<=900px){.events-grid,.hero-stats,.sport-grid,.kpi-row,.detail-info-card{grid-template-columns:repeat(2,1fr)}.detail-info-card{margin-top:0}.site-foot-grid{grid-template-columns:repeat(2,1fr)}.topnav-links{display:none}}@media (width<=640px){.events-grid,.hero-stats,.sport-grid,.kpi-row,.detail-info-card,.site-foot-grid{grid-template-columns:1fr}.container{padding:0 16px}.topnav{height:60px}.tab-bar{top:60px}.leaderboard th,.leaderboard td{padding:8px 10px;font-size:12px}}