:root{--color-bg:#060b16;--color-surface:#0e1726;--color-surface-2:#16223a;--color-surface-3:#20304e;--color-border:#293a58;--color-text:#ffffff;--color-text-muted:#9aa6b2;--color-text-faint:#6d7b8b;--color-accent:#22e36d;--color-accent-hover:#4df08c;--color-accent-strong:#15c25a;--color-accent-soft:color-mix(in srgb,var(--color-accent) 14%,transparent);--color-accent-ring:color-mix(in srgb,var(--color-accent) 45%,transparent);--color-on-accent:#052012;--color-live:#ff4d4f;--color-live-soft:color-mix(in srgb,var(--color-live) 10%,transparent);--color-on-live:#ffffff;--color-error:var(--color-live);--color-warning:#ffb020;--color-suspended:var(--color-warning);--color-on-suspended:#1a1205;--color-gold:#f2c14e;--color-on-gold:#221703;--color-win:var(--color-accent);--color-draw:var(--color-warning);--color-loss:var(--color-live);--color-form-win:var(--color-accent);--color-on-form-win:var(--color-on-accent);--color-form-draw:#55637a;--color-on-form-draw:#ffffff;--color-form-loss:#a35b5b;--color-on-form-loss:#ffffff;--color-zone-champions:var(--color-accent-strong);--color-zone-continental:var(--color-accent);--color-zone-promotion:var(--color-accent-hover);--color-zone-relegation:var(--color-form-loss);--color-bar-home:var(--color-accent);--color-bar-away:#3a8bff;--team-accent:var(--color-accent);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-xs:0.375rem;--radius-sm:0.5rem;--radius-md:0.875rem;--radius-lg:1.25rem;--radius-full:999px;--font-latin:var(--font-poppins),system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,var(--font-cairo),"Noto Sans Arabic",sans-serif;--font-arabic:var(--font-cairo),"Noto Sans Arabic","Noto Kufi Arabic",var(--font-poppins),system-ui,sans-serif;--font-sans:var(--font-latin);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-4xl:3.25rem;--text-score:3rem;--text-score-xl:4rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:700;--tracking-display:-0.025em;--tracking-score:-0.02em;--tracking-caps:0.08em;--tracking-badge:0.05em;--leading-tight:1.15;--leading-none:1;--leading-normal:1.5;--leading-relaxed:1.7;--shadow-sm:0 1px 2px rgba(2,6,14,0.55);--shadow-card:0 1px 2px rgba(2,6,14,0.5),0 10px 28px rgba(2,6,14,0.38);--shadow-md:0 2px 6px rgba(2,6,14,0.5),0 16px 40px rgba(2,6,14,0.45);--shadow-lg:0 6px 16px rgba(2,6,14,0.55),0 30px 70px rgba(2,6,14,0.5);--sheen-edge:inset 0 1px 0 rgba(255,255,255,0.06);--shadow-accent-glow:0 0 0 1px color-mix(in srgb,var(--team-accent) 45%,transparent),0 10px 32px color-mix(in srgb,var(--team-accent) 28%,transparent);--shadow-live-glow:0 0 0 1px color-mix(in srgb,var(--color-live) 55%,transparent),0 8px 30px color-mix(in srgb,var(--color-live) 35%,transparent);--shadow-suspended-glow:0 0 0 1px color-mix(in srgb,var(--color-suspended) 50%,transparent),0 6px 22px color-mix(in srgb,var(--color-suspended) 22%,transparent);--shadow-gold-glow:0 0 0 1px color-mix(in srgb,var(--color-gold) 50%,transparent),0 6px 24px color-mix(in srgb,var(--color-gold) 22%,transparent);--duration-fast:140ms;--duration-medium:260ms;--duration-slow:480ms;--duration-ambient:3600ms;--duration-marquee:48s;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--lift:translateY(-3px);--transition-lift:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-medium) var(--ease-out);--gradient-card:linear-gradient(160deg,var(--color-surface-2),var(--color-surface));--gradient-elevated:linear-gradient(155deg,var(--color-surface-3),var(--color-surface-2));--gradient-hero:radial-gradient(120% 150% at 0% 0%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 55%),linear-gradient(150deg,var(--color-surface-2),var(--color-surface));--gradient-floodlight:radial-gradient(90% 60% at 50% 0%,rgba(122,162,255,0.09),transparent 65%);--gradient-vignette:radial-gradient(120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,0.35) 100%);--texture-grain:radial-gradient(rgba(255,255,255,0.016) 1px,transparent 0);--texture-grain-size:3px 3px;--beam-ink:rgba(176,206,255,0.24);--beam-ink-soft:rgba(156,190,255,0.11);--gradient-floodlight-beams:conic-gradient(from 108deg at 14% -6%,transparent 16deg,var(--beam-ink-soft) 23deg,var(--beam-ink) 30deg,var(--beam-ink-soft) 37deg,transparent 44deg),conic-gradient(from 188deg at 86% -6%,transparent 16deg,var(--beam-ink-soft) 23deg,var(--beam-ink) 30deg,var(--beam-ink-soft) 37deg,transparent 44deg);--gradient-stands:radial-gradient(165% 96% at 50% -34%,transparent 49%,color-mix(in srgb,var(--color-text) 8%,transparent) 52%,rgba(0,0,0,0.44) 56%,rgba(0,0,0,0.26) 70%,transparent 84%);--gradient-night-sky:linear-gradient(to bottom,color-mix(in srgb,var(--color-bg) 62%,transparent),transparent 42%);--gradient-turf:linear-gradient(to top,color-mix(in srgb,var(--turf-mid) 94%,transparent),color-mix(in srgb,var(--turf-mid) 58%,transparent) 42%,color-mix(in srgb,var(--turf-mid) 22%,transparent) 72%,transparent 100%);--pattern-turf-stripes:repeating-linear-gradient(90deg,rgba(255,255,255,0.055) 0,rgba(255,255,255,0.055) 7%,transparent 0,transparent 14%);--gradient-scene-scrim:radial-gradient(100% 74% at 50% 54%,rgba(3,7,14,0.62),rgba(3,7,14,0.3) 52%,transparent 80%);--mask-turf-fade:linear-gradient(0deg,#000 0%,#000 34%,transparent);--gradient-page:radial-gradient(100rem 44rem at 50% -12rem,rgba(58,139,255,0.055),transparent 70%);--wash-team:radial-gradient(130% 150% at 0% 0%,color-mix(in srgb,var(--team-accent) 12%,transparent),transparent 60%);--radar-ring-gap:2.75rem;--radar-ink:color-mix(in srgb,var(--color-accent) 7%,transparent);--gradient-radar:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent calc(var(--radar-ring-gap) - 1px),var(--radar-ink) calc(var(--radar-ring-gap) - 1px),transparent var(--radar-ring-gap)),radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 72%);--radar-scan-band:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-accent) 16%,transparent) 50%,transparent);--glass-bg:color-mix(in srgb,var(--color-surface-2) 82%,transparent);--glass-border:color-mix(in srgb,var(--color-text) 12%,transparent);--glass-blur:blur(16px) saturate(1.25);--overlay-scrim:rgba(3,7,14,0.64);--skeleton-base:color-mix(in srgb,var(--color-surface-3) 65%,var(--color-surface));--skeleton-highlight:color-mix(in srgb,var(--color-surface-3) 100%,transparent);--turf-deep:#0a1d14;--turf-mid:#123a27;--turf-edge:#0a1a12;--turf-sheen:rgba(120,230,170,0.07);--pitch-stripe:rgba(255,255,255,0.028);--pitch-vignette:rgba(0,0,0,0.5);--pitch-line:rgba(244,247,250,0.34);--pitch-rim:inset 0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.05);--shot-goal-glow:0 0 16px 1px;--shot-avatar-radius:50%;--heat-0:#081a4f;--heat-1:#0d47a1;--heat-2:#00bcd4;--heat-3:#00c853;--heat-4:#ffd600;--heat-5:#ff6d00;--heat-6:#ff1744;--heat-gradient:linear-gradient(90deg,var(--heat-1),var(--heat-2),var(--heat-3),var(--heat-4),var(--heat-5),var(--heat-6));--container-max:72rem;--header-height:4rem;--duration-goal-flash:700ms}@keyframes kr-goal-pop{0%{transform:translateY(-.16em) scale(1.18);opacity:.35}45%{transform:translateY(0) scale(1.08);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes kr-goal-flash{0%{opacity:0}35%{opacity:1}to{opacity:0}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{color-scheme:dark;-webkit-text-size-adjust:100%;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html[dir=rtl]{--font-sans:var(--font-arabic);--tracking-display:0em;--tracking-caps:0em;--tracking-badge:0em}body{background-color:var(--color-bg);background-image:var(--gradient-page);background-repeat:no-repeat;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100dvh;text-align:start}::selection{background:var(--color-accent);color:var(--color-on-accent)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-black);letter-spacing:var(--tracking-display)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;inset-inline-start:var(--space-3);inset-block-start:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);font-weight:var(--weight-bold);transform:translateY(-150%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-card-in{animation:kr-card-in var(--duration-medium) var(--ease-out) both}@keyframes kr-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-score-tick{animation:kr-score-tick var(--duration-medium) var(--ease-spring) both}@keyframes kr-score-tick{0%{transform:translateY(-.14em);opacity:.2}to{transform:translateY(0);opacity:1}}.radarScan{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.radarScan:after{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:42%;background:var(--radar-scan-band);animation:kr-radar-scan var(--duration-ambient) var(--ease-in-out) infinite}@keyframes kr-radar-scan{0%{transform:translateY(-105%);opacity:0}15%,85%{opacity:1}to{transform:translateY(238%);opacity:0}}.radarPing{position:relative}.radarPing:after{content:"";position:absolute;inset:0;margin:auto;border-radius:var(--radius-full);border:1px solid var(--team-accent,var(--color-accent));animation:kr-radar-ping var(--duration-ambient) var(--ease-out) infinite}@keyframes kr-radar-ping{0%{transform:scale(1);opacity:.75}70%,to{transform:scale(2.4);opacity:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.radarPing:after,.radarScan:after{opacity:0}}