/* Sighted (SCOUT) — tokens + components. Brand identity locked 6 Nov 2026: ../brand/BRAND.md
   Fonts are self-hosted (SIL OFL) through the import below; no third-party font requests.
   RTL-ready: components use logical properties only. Numbers: <span class="num" dir="ltr">. *//* Sighted — self-hosted fonts. No third-party font requests.
   Files live in ./files (copied from the @fontsource packages, see FONTS.md; all SIL OFL 1.1).
   Family names are the brand names so tokens (--sc-font-*) need no change.
   Latin + Arabic subsets only (add other subsets from the same packages if a language needs them). */

/* Inter: brand + UI, variable 100-900. Latin subset includes U+0131 (dotless i) used by the wordmark. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/inter-latin-wght-normal-Dx4kXJAl.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Barlow Condensed: display numbers + game mode. Static: ship 600, 800, 800 italic only. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;
  src:url("/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;
  src:url("/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;
  src:url("/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Cairo: Arabic headlines, variable 200-1000 (Arabic + Latin subsets so digits and Latin words match). */
@font-face{font-family:"Cairo";font-style:normal;font-weight:200 1000;font-display:swap;
  src:url("/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2") format("woff2");
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:"Cairo";font-style:normal;font-weight:200 1000;font-display:swap;
  src:url("/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* IBM Plex Sans Arabic: Arabic UI + body, static 400/500/600/700. */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2") format("woff2");
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;
  src:url("/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2") format("woff2");
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;
  src:url("/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2") format("woff2");
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;
  src:url("/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2") format("woff2");
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
:root{
  color-scheme:dark;
  --sc-bg:#090C0A;--sc-surface:#111611;--sc-raised:#182019;--sc-line:#283328;--sc-line-strong:#3A4A3B;--sc-faint:#5C6E5D;
  --sc-text:#F0F5EC;--sc-muted:#9BA89C;--sc-accent:#C8FF2E;--sc-accent-ink:#142000;--sc-accent-tint:#1F2A12;--sc-secondary:#9B8CFF;
  --sc-crowd:#6E7F70;--sc-ring:#3A4A3B;--sc-ink:#0D120E;--sc-paper:#F3F6F1;--sc-chalk:#F0F5EC;--sc-lime:#C8FF2E;--sc-accent-hover:#D7FF66;--sc-control-border:#536954;
  --sc-sport-football:#2FD3B5;--sc-sport-basketball:#FF6FA3;--sc-sport-handball:#D9C2A0;--sc-sport-reserved:#E3A6FF;
  --sc-pct-1:#24301F;--sc-pct-2:#3F5A1E;--sc-pct-3:#6B8F1F;--sc-pct-4:#9BC425;--sc-pct-5:#C8FF2E;
  --sc-lh-ar:1.75;--sc-track-head:-0.05em;--sc-track-label:0.14em;
  --sc-good:#4DA3FF;--sc-average:#A7B1C4;--sc-weak:#FF8A3D;--sc-est:#FFB547;
  --sc-v-reject:#A9B4AA;--sc-v-reject-line:#3A4A3B;--sc-v-monitor:#6FB6FF;--sc-v-monitor-line:#2F5F99;
  --sc-v-priority:#FFB547;--sc-v-priority-line:#8A6226;--sc-v-trial:#B3A8FF;--sc-v-trial-line:#5B4FA3;--sc-v-sign:#C8FF2E;--sc-v-sign-line:#5E7A12;
  --sc-ph-onball:#FFB547;--sc-ph-defending:#6FB6FF;--sc-ph-transition:#C8FF2E;--sc-ph-offball:#B3A8FF;--sc-ph-behaviour:#9BA89C;
  --sc-font-display:"Barlow Condensed","Arial Narrow",sans-serif;--sc-font-ui:Inter,system-ui,sans-serif;
  --sc-font-display-ar:Cairo,"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif;--sc-font-ui-ar:"IBM Plex Sans Arabic",Inter,"Noto Sans Arabic",Tahoma,system-ui,sans-serif;
  --sc-s1:4px;--sc-s2:8px;--sc-s3:12px;--sc-s4:16px;--sc-s5:24px;--sc-s6:32px;--sc-s7:48px;--sc-s8:64px;
  --sc-fs-hero:88px;--sc-fs-rating:64px;--sc-fs-name:38px;--sc-fs-h1:52px;--sc-fs-h2:26px;--sc-fs-h3:20px;--sc-fs-body:15px;--sc-fs-body-lg:17px;--sc-fs-small:13px;--sc-fs-caption:12px;--sc-fs-label:11px;
  --sc-r-tag:8px;--sc-r-tile:12px;--sc-r-slab:16px;--sc-r-card:24px;--sc-r-pill:999px;
  --sc-lift-accent:0 26px 60px -24px rgba(200,255,46,.45);
  --sc-dur-fast:120ms;--sc-dur-base:220ms;--sc-dur-enter:360ms;--sc-dur-count:900ms;--sc-ease:cubic-bezier(.16,1,.3,1);
}
/* Core mode (brand): Paper / Ink, calm and printable, no glow. Lime is never text here: --sc-accent is deep olive, lime stays a fill inside an ink shape. */
[data-theme="core"]{color-scheme:light;--sc-bg:#F3F6F1;--sc-surface:#FFFFFF;--sc-raised:#E4E9E1;--sc-line:#D5DCD3;--sc-line-strong:#7F917C;--sc-faint:#8A9A8B;--sc-text:#0D120E;--sc-muted:#4B564C;--sc-accent:#4A7300;--sc-accent-ink:#FFFFFF;--sc-accent-tint:#EEF5E0;--sc-accent-hover:#3C5E00;--sc-secondary:#664FFF;--sc-ring:#B8C2B6;--sc-control-border:#7F917C;--sc-lift-accent:none;
  --sc-good:#006DE1;--sc-average:#617190;--sc-weak:#BC4B00;--sc-est:#A36100;
  --sc-v-reject:#647366;--sc-v-reject-line:#B8C2B6;--sc-v-monitor:#006DE1;--sc-v-monitor-line:#7FB2F0;--sc-v-priority:#A36100;--sc-v-priority-line:#D9B27A;--sc-v-trial:#664FFF;--sc-v-trial-line:#B3A6FF;--sc-v-sign:#4A7300;--sc-v-sign-line:#A5C45E;
  --sc-ph-onball:#A36100;--sc-ph-defending:#006DE1;--sc-ph-transition:#4A7300;--sc-ph-offball:#664FFF;--sc-ph-behaviour:#647366;
  --sc-sport-football:#1A7D6B;--sc-sport-basketball:#DF0051;--sc-sport-handball:#8A6937;--sc-sport-reserved:#AD00FD}
[data-theme="print"]{color-scheme:light;--sc-bg:#FFFFFF;--sc-surface:#FFFFFF;--sc-raised:#F3F6F1;--sc-line:#D5DCD3;--sc-line-strong:#B8C2B6;--sc-text:#0D120E;--sc-muted:#4B564C;--sc-accent:#4A7300;--sc-accent-ink:#FFFFFF;--sc-accent-tint:#EEF5E0;--sc-secondary:#5B4FC9}
@media (prefers-reduced-motion:reduce){:root{--sc-dur-fast:0ms;--sc-dur-base:0ms;--sc-dur-enter:0ms;--sc-dur-count:0ms}}

/* base */
.sc{background:var(--sc-bg);color:var(--sc-text);font:400 15px/1.5 var(--sc-font-ui);box-sizing:border-box}
.sc *,.sc *::before,.sc *::after{box-sizing:border-box}
.sc :lang(ar),.sc[lang="ar"]{font-family:var(--sc-font-ui-ar);line-height:var(--sc-lh-ar)}
.sc h1,.sc h2,.sc h3,.sc p{margin:0}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.disp{font-family:var(--sc-font-display)}
[lang="ar"] .disp{font-family:var(--sc-font-display-ar);font-style:normal}
.lbl{font:600 11px/1.2 var(--sc-font-ui);letter-spacing:var(--sc-track-label);text-transform:uppercase;color:var(--sc-muted)}
[lang="ar"] .lbl{font-family:var(--sc-font-ui-ar);letter-spacing:0;text-transform:none;font-size:12px}
.muted{color:var(--sc-muted)}
/* Headlines are Inter 800 at -5% (the wordmark voice). Barlow Condensed is for numbers, ratings, player names and game-mode moments only. */
.h1{font:800 clamp(36px,4vw,52px)/1.05 var(--sc-font-ui);letter-spacing:var(--sc-track-head)}
.h2{font:800 26px/1.15 var(--sc-font-ui);letter-spacing:-.04em}
.h3{font:700 20px/1.2 var(--sc-font-ui);letter-spacing:-.02em}
[lang="ar"] .h1,[lang="ar"] .h2,[lang="ar"] .h3{font-family:var(--sc-font-display-ar);letter-spacing:0;line-height:1.3}
.sc a{color:var(--sc-accent)}
.sc :focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}

/* layout */
.shell{display:flex;flex-wrap:wrap;min-height:100%}
.nav{flex:1 1 220px;max-width:100%;background:var(--sc-surface);border-inline-end:1px solid var(--sc-line);padding:20px 14px;display:flex;flex-direction:column;gap:4px}
.nav-brand{font:800 22px/1 var(--sc-font-ui);letter-spacing:-.05em;text-transform:lowercase;padding:6px 10px 20px;color:var(--sc-text)}
.nav a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:var(--sc-muted);text-decoration:none;font-size:14px;font-weight:500;min-height:44px}
.nav a[aria-current="page"]{background:var(--sc-raised);color:var(--sc-text)}
.nav a[aria-current="page"] svg{color:var(--sc-accent)}
.main{flex:999 1 560px;min-width:0;padding:28px clamp(16px,3vw,40px) 64px;display:flex;flex-direction:column;gap:24px}
.wrap{max-width:1180px;width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:24px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.panel{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px}
.scroll-x{overflow-x:auto}

/* buttons, inputs */
.btn{font:600 14px/1 var(--sc-font-ui);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--sc-line-strong);background:var(--sc-raised);color:var(--sc-text);cursor:pointer;text-decoration:none;transition:background var(--sc-dur-fast) var(--sc-ease)}
.btn:hover{background:#202A21}
.btn-primary{background:var(--sc-accent);border-color:var(--sc-accent);color:var(--sc-accent-ink)}
.btn-primary:hover{background:var(--sc-accent-hover)}
.btn-ghost{background:transparent;border-color:transparent;color:var(--sc-muted)}
.btn-danger{background:transparent;border-color:#8A4A2A;color:var(--sc-weak)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-sm{min-height:32px;padding:0 10px;font-size:13px;border-radius:8px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font:600 12px/1.2 var(--sc-font-ui);color:var(--sc-muted)}
.input{font:400 15px/1 var(--sc-font-ui);min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--sc-line-strong);background:var(--sc-bg);color:var(--sc-text);width:100%}
.input::placeholder{color:#7F8C80}

/* chips, tags, badges */
.chip{font:500 13px/1 var(--sc-font-ui);display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--sc-line-strong);background:transparent;color:var(--sc-text);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--sc-accent-tint);border-color:var(--sc-accent);color:var(--sc-accent)}
.chip .x{color:var(--sc-muted)}
.tag{display:inline-flex;align-items:center;gap:4px;font:700 10px/1.4 var(--sc-font-ui);letter-spacing:.04em;padding:1px 5px;border-radius:5px;border:1px solid;vertical-align:middle}
.tag-est{color:var(--sc-est);border-color:var(--sc-est)}
.tag-no{color:var(--sc-muted);border-style:dashed;border-color:var(--sc-faint)}
.badge{display:inline-flex;align-items:center;gap:5px;font:600 11px/1 var(--sc-font-ui);padding:5px 9px;border-radius:999px;background:var(--sc-raised);color:var(--sc-muted);white-space:nowrap}
.badge-ver{background:var(--sc-accent-tint);color:var(--sc-accent)}
.badge-warn{background:#2A1E05;color:var(--sc-est)}
.badge svg{flex:none}

/* verdict */
.verdict{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sc-font-ui);min-height:36px;padding:0 14px;border-radius:999px;border:1px solid;background:transparent}
.v-reject{color:var(--sc-v-reject);border-color:var(--sc-v-reject-line)}
.v-monitor{color:var(--sc-v-monitor);border-color:var(--sc-v-monitor-line)}
.v-priority{color:var(--sc-v-priority);border-color:var(--sc-v-priority-line)}
.v-trial{color:var(--sc-v-trial);border-color:var(--sc-v-trial-line)}
.v-sign{color:var(--sc-v-sign);border-color:var(--sc-v-sign-line)}
.verdict.on{color:#0B0F0B}
.v-reject.on{background:var(--sc-v-reject)}.v-monitor.on{background:var(--sc-v-monitor)}.v-priority.on{background:var(--sc-v-priority)}.v-trial.on{background:var(--sc-v-trial)}.v-sign.on{background:var(--sc-v-sign)}
.verdict-box{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:16px;padding:20px}
.verdict-box .big{font:800 34px/1 var(--sc-font-display);text-transform:uppercase;letter-spacing:.03em}

/* confidence bars */
.conf{display:inline-flex;align-items:center;gap:3px;font:600 12px/1 var(--sc-font-ui)}
.conf i{width:4px;height:10px;border-radius:2px;background:var(--sc-line-strong)}
.conf i.on{background:var(--sc-text)}
.conf b{margin-inline-start:3px}

/* 1-5 pips */
.pips{display:inline-flex;gap:4px;vertical-align:middle}
.pips i{width:12px;height:12px;border-radius:50%;border:1px solid var(--sc-line-strong)}
.pips i.on{background:var(--sc-accent);border-color:var(--sc-accent)}
.pips i.half{background:linear-gradient(90deg,var(--sc-accent) 50%,transparent 50%);border-color:var(--sc-accent)}
[dir="rtl"] .pips i.half{background:linear-gradient(270deg,var(--sc-accent) 50%,transparent 50%)}
.pips i.pot{border:1px dashed var(--sc-secondary)}
.pips.no i{border-style:dashed;border-color:var(--sc-faint)}

/* semantic marks: glyph + colour */
.sem{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--sc-font-ui)}
.sem-good{color:var(--sc-good)}.sem-good::before{content:"▲";font-size:9px}
.sem-avg{color:var(--sc-average)}.sem-avg::before{content:"■";font-size:9px}
.sem-weak{color:var(--sc-weak)}.sem-weak::before{content:"▼";font-size:9px}

/* percentile bar */
.pbar{position:relative;height:10px;border-radius:5px;background:var(--sc-raised)}
.pbar .fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:5px;background:var(--sc-accent)}
.pbar .med{position:absolute;inset-block:-3px;inset-inline-start:50%;width:2px;background:var(--sc-text)}
.pbar.locked{background:repeating-linear-gradient(135deg,var(--sc-raised) 0 6px,#141A15 6px 12px)}

/* key-number tile */
.tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:12px;min-height:44px}
.tile:hover{border-color:var(--sc-line-strong)}
.tile:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}
.tile .v{font:600 32px/1 var(--sc-font-display)}
.tile .v .pct{color:var(--sc-accent);font-size:22px;margin-inline-start:6px}
.tile .d{font-size:13px;color:var(--sc-muted);line-height:1.4}
.tile .play{display:inline-flex;align-items:center;gap:4px;font:600 11px/1 var(--sc-font-ui);color:var(--sc-accent)}

/* rating slab */
.slab{border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;min-height:96px}
.slab.on{background:var(--sc-accent);color:var(--sc-accent-ink)}
.slab.building{border:1.5px dashed var(--sc-accent);color:var(--sc-accent)}
.slab .n{font:800 52px/.8 var(--sc-font-display)}

/* player header */
.ph{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.ph img{width:112px;height:150px;border-radius:16px;object-fit:cover;object-position:50% 20%;background:var(--sc-raised);flex:none}
.ph .who{flex:1 1 280px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.ph .name{font:italic 800 52px/.9 var(--sc-font-display);text-transform:uppercase}
[lang="ar"] .ph .name{font:800 44px/1.1 var(--sc-font-display-ar)}

/* tables */
.tbl{border-collapse:collapse;width:100%;font-size:14px}
.tbl th{font:600 11px/1.2 var(--sc-font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-muted);text-align:start;padding:10px 12px;border-bottom:1px solid var(--sc-line);white-space:nowrap}
.tbl td{padding:12px;border-bottom:1px solid var(--sc-line);vertical-align:middle}
.tbl tr.hover td,.tbl tbody tr:hover td{background:var(--sc-raised)}
.tbl td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .grp td{background:var(--sc-raised);font:700 15px/1 var(--sc-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--sc-muted);padding:9px 12px}
.ts{all:unset;cursor:pointer;font:500 12.5px/1 var(--sc-font-ui);font-variant-numeric:tabular-nums;color:var(--sc-accent);text-decoration:underline dotted;text-underline-offset:3px;padding:4px 0}

/* event-log phase marks (shape + colour + lane) */
.ph-dot{display:inline-block;width:9px;height:9px;flex:none}
.ph-onball{background:var(--sc-ph-onball);border-radius:50%}
.ph-def{background:var(--sc-ph-defending)}
.ph-tr{background:var(--sc-ph-transition);transform:rotate(45deg) scale(.85)}
.ph-off{width:0;height:0;border-inline:5px solid transparent;border-bottom:9px solid var(--sc-ph-offball)}
.ph-beh{background:var(--sc-ph-behaviour);border-radius:50%}

/* states */
.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:32px 20px;border:1px dashed var(--sc-line-strong);border-radius:16px;color:var(--sc-muted)}
.state .t{font:700 20px/1.2 var(--sc-font-ui);color:var(--sc-text);letter-spacing:-.02em}
.seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%}
.seg i{height:8px;border-radius:4px;background:var(--sc-line)}
.seg i.on{background:var(--sc-accent)}
.skel{background:linear-gradient(90deg,var(--sc-raised) 0%,#1F2920 50%,var(--sc-raised) 100%);background-size:200% 100%;border-radius:8px;animation:sc-sh 1.4s linear infinite}
@keyframes sc-sh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel{animation:none}}

/* modal */
.scrim{background:rgba(3,5,4,.78);display:flex;align-items:center;justify-content:center;padding:24px}
.modal{background:var(--sc-surface);border:1px solid var(--sc-line-strong);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;width:min(980px,100%)}
.video{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}

/* player card */
.pcard{width:340px;max-width:100%;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px}

/* ---------- Sighted brand components (added with the brand pass) ---------- */

/* Wordmark: "s" + dotless i (U+0131) + "ghted", Inter 800, -5%, lime dot positioned over the i.
   Markup: <span class="wm">s<span class="i">&#305;<i></i></span>ghted</span>  (.ink on light, .mono for one-colour). Outlined SVG: ../brand/logo/ */
.wm{font-family:var(--sc-font-ui);font-weight:800;letter-spacing:-.05em;line-height:1;white-space:nowrap}
.wm .i{position:relative;display:inline-block}
.wm .i i{position:absolute;left:50%;top:.115em;width:.19em;height:.19em;border-radius:50%;background:var(--sc-lime);transform:translateX(-50%)}
.wm.ink .i i{box-shadow:0 0 0 .022em var(--sc-ink)}
.wm.mono .i i{background:currentColor}
.wm-ar{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif;font-weight:700;line-height:1.2}

/* Sport tag: tag + thin rule only, never on data. Use with .tag: <span class="tag tag-sport sport-football">● Football</span> */
.tag-sport{color:var(--sport);border-color:var(--sport);font-size:12px;padding:4px 10px;border-radius:999px}
.sport-football{--sport:var(--sc-sport-football)}.sport-basketball{--sport:var(--sc-sport-basketball)}.sport-handball{--sport:var(--sc-sport-handball)}.sport-reserved{--sport:var(--sc-sport-reserved)}

/* Verified Sighting badge: ring + lime dot (svg ../brand/verified-sighting.svg). Pending = dashed ring, muted. */
.badge-pending{background:var(--sc-raised);color:var(--sc-muted)}
.badge-pending svg{color:var(--sc-muted)}

/* Percentile ramp: print the number; steps 1-2 are below 3:1 on the dark bg. */
.pct-1{background:var(--sc-pct-1)}.pct-2{background:var(--sc-pct-2)}.pct-3{background:var(--sc-pct-3)}.pct-4{background:var(--sc-pct-4)}.pct-5{background:var(--sc-pct-5)}

/* Crowd pattern: formation lattice at ~20% contrast; at most one lime dot, never behind text or data. */
.crowd-bg{background-color:var(--sc-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ccircle cx='7.5' cy='7.5' r='3' fill='%23283328'/%3E%3Ccircle cx='22.5' cy='22.5' r='3' fill='%23283328'/%3E%3C/svg%3E")}

/* Clip overlay: player marked with a lime ring, never a crosshair. */
.clip-ring{position:absolute;width:46px;height:46px;border-radius:50%;border:2.5px solid var(--sc-lime);box-shadow:0 0 0 3px rgba(9,12,10,.6)}

/* Core mode specifics: primary action = ink shape with a lime dot (lime is never a button fill on paper). */
[data-theme="core"] .btn:hover{background:var(--sc-raised)}
[data-theme="core"] .btn-primary{background:var(--sc-ink);border-color:var(--sc-ink);color:var(--sc-chalk)}
[data-theme="core"] .btn-primary::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sc-lime)}
[data-theme="core"] .btn-primary:hover{background:#26302A}
[data-theme="core"] .badge-ver{background:var(--sc-ink);color:var(--sc-chalk)}
[data-theme="core"] .input::placeholder{color:#647366}
[data-theme="core"] .input{background:var(--sc-surface)}
[data-theme="core"] .skel{background:linear-gradient(90deg,var(--sc-raised) 0%,#EEF2EB 50%,var(--sc-raised) 100%);background-size:200% 100%}
[data-theme="core"] :focus-visible,[data-theme="core"].sc :focus-visible{outline-color:var(--sc-ink)}
[data-theme="core"] .slab.on{background:var(--sc-ink);color:var(--sc-chalk)}
/* Page chrome outside the .sc root. Everything else comes from the design system. */
html,
body,
#root {
  margin: 0;
  min-block-size: 100%;
  background: var(--sc-bg);
}

.sc {
  min-block-size: 100vh;
}
/* Sign-in pages: layout only, tokens only (no colours, fonts or radii here). Logical properties. */
._wrap_1sf0n_2 {
  min-block-size: 100vh;
  display: grid;
  place-items: start center;
  padding-block: 48px;
  padding-inline: 16px;
}

._stack_1sf0n_10 {
  inline-size: min(100%, 880px);
  display: grid;
  gap: 24px;
}

._cards_1sf0n_16 {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  ._cards_1sf0n_16 {
    grid-template-columns: 1fr 1fr;
  }
}

._card_1sf0n_16 {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 20px;
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-r-tile);
  background: var(--sc-surface);
}

._users_1sf0n_38 {
  order: -1; /* players and parents first on a narrow screen */
}

@media (min-width: 768px) {
  ._users_1sf0n_38 {
    order: 0;
  }
}

._row_1sf0n_48 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

._small_1sf0n_55 {
  font-size: 14px;
}
/* Social layer (SCR-060…067, BO-160). Design tokens only; logical properties only. */
._stack_regmk_2 { display: flex; flex-direction: column; gap: var(--sc-s3); }
._stack4_regmk_3 { display: flex; flex-direction: column; gap: var(--sc-s4); }
._topbar_regmk_4 { display: flex; flex-wrap: wrap; gap: var(--sc-s3); justify-content: flex-end; }
._toplink_regmk_5 { color: var(--sc-muted); font-size: 14px; min-block-size: 44px; display: inline-flex; align-items: center; }
._post_regmk_6 { background: var(--sc-surface); border: 1px solid var(--sc-line); border-radius: var(--sc-r-slab); padding: var(--sc-s4); display: flex; flex-direction: column; gap: var(--sc-s3); }
._author_regmk_7 { font-weight: 700; color: var(--sc-text); text-decoration: none; }
._caption_regmk_8 { overflow-wrap: anywhere; white-space: pre-wrap; }
._media_regmk_9 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: var(--sc-s2); }
._media_regmk_9 img, ._media_regmk_9 video { inline-size: 100%; border-radius: var(--sc-r-tile); background: var(--sc-raised); max-block-size: 420px; object-fit: cover; }
._statusChip_regmk_11 { align-self: flex-start; }
._card_regmk_12 { inline-size: min(100%, 360px); background: var(--sc-surface); border: 1px solid var(--sc-line-strong); border-radius: var(--sc-r-card); padding: var(--sc-s4); display: flex; flex-direction: column; gap: var(--sc-s2); }
._cardName_regmk_13 { font-size: 40px; line-height: 1; margin: 0; text-transform: uppercase; }
._cardMoment_regmk_14 { color: var(--sc-accent); font-weight: 700; font-size: 18px; }
._cardHeadline_regmk_15 { border-block-start: 1px solid var(--sc-line); padding-block-start: var(--sc-s2); }
._header_regmk_16 { display: flex; flex-wrap: wrap; gap: var(--sc-s3); align-items: center; justify-content: space-between; }
._counts_regmk_17 { display: flex; gap: var(--sc-s3); flex-wrap: wrap; align-items: center; }
._badges_regmk_18 { display: flex; flex-wrap: wrap; gap: var(--sc-s2); }
._composer_regmk_19 { background: var(--sc-surface); border: 1px solid var(--sc-line); border-radius: var(--sc-r-slab); padding: var(--sc-s4); display: flex; flex-direction: column; gap: var(--sc-s3); }
._composer_regmk_19 textarea { resize: vertical; min-block-size: 96px; padding-block: var(--sc-s3); line-height: 1.4; }
._counter_regmk_21 { font-variant-numeric: tabular-nums; color: var(--sc-muted); font-size: 13px; }
._rail_regmk_22 { display: flex; gap: var(--sc-s3); overflow-x: auto; padding-block-end: var(--sc-s2); }
._rail_regmk_22 > * { flex: none; }
._tabs_regmk_24 { display: flex; gap: var(--sc-s2); flex-wrap: wrap; }
._row2_regmk_25 { display: flex; flex-wrap: wrap; gap: var(--sc-s3); align-items: center; justify-content: space-between; padding-block: var(--sc-s3); border-block-end: 1px solid var(--sc-line); }
._list_regmk_26 { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
._unread_regmk_27 { inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--sc-accent); display: inline-block; }
._steps_regmk_28 { display: flex; gap: var(--sc-s2); }
._momentBtn_regmk_29 { all: unset; cursor: pointer; display: flex; justify-content: space-between; gap: var(--sc-s3); padding: var(--sc-s3); border: 1px solid var(--sc-line); border-radius: var(--sc-r-tile); min-block-size: 44px; box-sizing: border-box; inline-size: 100%; }
._momentBtn_regmk_29[aria-pressed="true"] { border-color: var(--sc-accent); background: var(--sc-accent-tint); }
._momentBtn_regmk_29:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 2px; }
._privacyRow_regmk_32 { display: flex; flex-direction: column; gap: var(--sc-s2); padding-block: var(--sc-s3); border-block-end: 1px solid var(--sc-line); }
._qr_regmk_33 { inline-size: 140px; border-radius: var(--sc-r-tile); background: var(--sc-chalk); }
._link_regmk_34 { overflow-wrap: anywhere; }
._banner_regmk_35 { background: var(--sc-accent-tint); border: 1px solid var(--sc-accent); border-radius: var(--sc-r-tile); padding: var(--sc-s3); }
._srOnly_regmk_36 { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* A radio chip is "checked", not "pressed" (aria-pressed is not allowed on role=radio): same look as .chip[aria-pressed="true"]. */
._radioChip_regmk_39[aria-checked="true"] {
  background: var(--sc-accent-tint);
  border-color: var(--sc-accent);
  color: var(--sc-accent);
}
/* Shell layout additions on top of the DS .shell / .nav / .main classes. Logical properties only. */
._root_jp2u5_2 {
  min-block-size: 100vh;
  display: flex;
  flex-direction: column;
}

._root_jp2u5_2 > .shell {
  flex: 1;
}

._navTop_jp2u5_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._menuBtn_jp2u5_19 {
  display: none;
}

._disabled_jp2u5_23 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  min-block-size: 44px;
  color: var(--sc-faint);
  font-size: 14px;
  font-weight: 500;
  cursor: not-allowed;
}

._title_jp2u5_35 {
  overflow-wrap: anywhere;
}

._notice_jp2u5_39 {
  min-block-size: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}

._notice_jp2u5_39 > .state {
  max-inline-size: 480px;
}

/* Under 560 px the nav collapses to a menu button (WF §6). */
@media (max-width: 559px) {
  ._menuBtn_jp2u5_19 {
    display: inline-flex;
  }

  ._navBar_jp2u5_56[data-open="false"] ._link_jp2u5_56 {
    display: none;
  }

  ._navBar_jp2u5_56[data-open="false"] ._disabled_jp2u5_23 {
    display: none;
  }
}