
/* self-hosted fonts (no external requests) */
@font-face{font-family:'Oswald';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/oswald-400.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/oswald-500.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/oswald-600.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/oswald-700.woff2) format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400.woff2) format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format('woff2')}

  :root{
    /* this is a dark-only site: say so, or browser "night mode" filters (Brave iOS, Dark
       Reader, Samsung) re-darken the light-toned discipline colours into mud */
    color-scheme:dark;
    /* ---- core palette (deep broadcast dark, cool undertone) ---- */
    --bg:#070A0F; --bg2:#0A0E15;
    --surface:#11151E; --surface2:#171C28; --surface3:#212838;
    --line:#262E3D;
    --hair:rgba(255,255,255,.07);          /* lit top-edge highlight */
    --ink:#F3F5FA; --muted:#959EB1; --faint:#586273;
    /* ---- brand accents (single chroma, varied hue) ---- */
    --flame:#FF5A33;            /* track clay-orange: brand */
    --flame-deep:#E0421F;
    --volt:#27E6A6;            /* scoreboard mint: positive / points */
    --gold:#F6C95B;            /* captain / records / totals */
    --danger:#FF5C72;          /* over budget */
    --blue:#62A8FF;
    --r:16px;
    /* ---- discipline palette (Palette 1, 2026-08-21): rose / sky / violet / lime - deliberately OFF the reserved brand hues (flame=brand+under, volt=points+over, gold=captain) so a discipline colour can never read as a verdict ---- */
    --d-spr:#FF4D8D; --d-dst:#4DA3FF; --d-jmp:#A78BFA; --d-thr:#C6F04E;
    --d-spr-rgb:255,77,141; --d-dst-rgb:77,163,255; --d-jmp-rgb:167,139,250; --d-thr-rgb:198,240,78;
    /* layered shadow recipe for premium depth */
    --sh-1:0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.4);
    --sh-2:0 1px 0 rgba(255,255,255,.05) inset, 0 10px 30px -12px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.3);
    --sh-pop:0 1px 0 rgba(255,255,255,.06) inset, 0 30px 70px -20px rgba(0,0,0,.8), 0 8px 24px rgba(0,0,0,.4);
  }
  *{box-sizing:border-box}
  /* iOS Safari inflates small text on phones (text autosizing) unless a page opts out -
     it was re-growing the shrink-to-fit plate names and pushing them into ellipsis. 100%
     only disables the automatic inflation; pinch-zoom and accessibility text size still work. */
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  html,body{margin:0}
  body{
    background:
      radial-gradient(1100px 520px at 78% -8%, rgba(255,90,51,.10), transparent 58%),
      radial-gradient(820px 460px at -8% 6%, rgba(39,230,166,.055), transparent 52%),
      radial-gradient(1200px 800px at 50% 120%, rgba(98,168,255,.05), transparent 60%),
      linear-gradient(180deg,var(--bg2),var(--bg) 40%);
    background-attachment:fixed;
    color:var(--ink); font-family:Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased;
    min-height:100vh; letter-spacing:.01em;
  }
  .mono{font-family:'Space Mono',ui-monospace,monospace}
  .wrap{max-width:1120px;margin:0 auto;padding:0 22px 96px}
#app{min-height:calc(100vh - 160px)}

  /* ---- lane-sweep motif: a broadcast "baton" runs the rail ---- */
  .lanes{position:relative;height:3px;width:100%;overflow:hidden;
    background:linear-gradient(90deg,transparent,rgba(255,90,51,.32) 18%,rgba(255,90,51,.42) 50%,rgba(255,90,51,.32) 82%,transparent)}
  .lanes::after{content:"";position:absolute;top:0;left:-26%;height:100%;width:26%;
    background:linear-gradient(90deg,transparent,#ffd9cd,var(--flame) 50%,#ffd9cd,transparent);
    filter:blur(.4px);box-shadow:0 0 14px 2px rgba(255,90,51,.6);
    animation:sweep 3.4s cubic-bezier(.55,.05,.35,1) infinite}
  @keyframes sweep{0%{transform:translateX(0)}55%,100%{transform:translateX(585%)}}

  header{position:sticky;top:0;z-index:20;
    background:linear-gradient(180deg,rgba(10,14,21,.97),rgba(8,11,17,.94));
    /* no backdrop blur: a 16px blur on a sticky header re-renders on every scroll frame */
    border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--hair),0 14px 30px -22px rgba(0,0,0,.9)}
  .head-in{max-width:1120px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .brand{display:flex;align-items:center;gap:12px}
  .brandlogo{height:46px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(255,90,51,.25))}
  .ftmark{height:96px;width:auto;display:block}
  .herologo{width:min(440px,84vw);height:auto;display:block;margin:8px 0 6px;filter:drop-shadow(0 4px 16px rgba(255,90,51,.28))}
  .brand .mark{position:relative;width:38px;height:38px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;
    background:linear-gradient(160deg,var(--flame),var(--flame-deep));
    box-shadow:0 4px 14px -2px rgba(255,90,51,.55),0 1px 0 rgba(255,255,255,.35) inset}
  .brand .mark svg{width:28px;height:28px;display:block}
  .brand b{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:30px;letter-spacing:.05em;text-transform:uppercase;line-height:1;
    display:flex;align-items:baseline;gap:7px;color:var(--ink)}
  .brand b i{font-style:normal;color:var(--flame)}
  .who{margin-left:auto;display:flex;align-items:center;gap:11px;font-size:13px;color:var(--muted)}
  .who b{color:var(--ink);font-weight:600}
  .chip{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:5px 13px;color:var(--muted);
    background:rgba(255,255,255,.02);white-space:nowrap;letter-spacing:.09em}

  nav.tabs{max-width:1120px;margin:0 auto;padding:6px 14px 0;display:flex;gap:2px;overflow-x:auto}
  nav.tabs button{flex:0 0 auto;background:none;border:none;color:var(--muted);font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:500;letter-spacing:.07em;text-transform:uppercase;font-size:13.5px;padding:13px 16px;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;position:relative}
  nav.tabs button:hover{color:var(--ink)}
  nav.tabs button.on{color:var(--ink);border-color:var(--flame)}
  nav.tabs button.on::after{content:"";position:absolute;left:16px;right:16px;bottom:-2px;height:2px;background:var(--flame);box-shadow:0 0 12px 1px rgba(255,90,51,.7)}

  h2.sec{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:26px;margin:30px 0 6px;line-height:1.08}
  .eyebrow{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--flame);font-weight:700}
  p.lede{color:var(--muted);margin:6px 0 0;max-width:62ch;line-height:1.62;font-size:14.5px}

  /* ---- premium lit-edge card material ---- */
  .card{background:
      linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 120px),
      var(--surface);
    border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh-2);position:relative}
  .card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 40%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
  .grid{display:grid;gap:16px}
  @media(min-width:720px){.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}}

  .btn{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:14px;border-radius:11px;padding:12px 20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface3),var(--surface2));color:var(--ink);cursor:pointer;transition:.16s;box-shadow:var(--sh-1)}
  .btn:hover{border-color:var(--faint);transform:translateY(-1px)}
  .btn.primary{background:linear-gradient(180deg,#ff7a52,var(--flame));border-color:var(--flame-deep);color:#1a0600;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 26px -8px rgba(255,90,51,.6)}
  .btn.primary:hover{filter:brightness(1.06);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 32px -8px rgba(255,90,51,.7)}
  .btn.ghost{background:rgba(255,255,255,.015);box-shadow:none}
  .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}
  .btn.sm{padding:8px 13px;font-size:12px}

  input.tin,select.tin{font-family:Inter,system-ui,-apple-system,sans-serif;background:rgba(8,11,17,.6);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:12px 13px;font-size:15px;width:100%;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px rgba(0,0,0,.3) inset}
  input.tin:focus,select.tin:focus{outline:none;border-color:var(--flame);box-shadow:0 0 0 3px rgba(255,90,51,.16),0 1px 2px rgba(0,0,0,.3) inset}
  input.tin::placeholder{color:var(--faint)}
  label.lbl{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em;margin:0 0 7px;text-transform:uppercase;font-weight:600}

  /* budget bar */
  .budget{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .bar{flex:1;min-width:180px;height:10px;background:rgba(8,11,17,.7);border-radius:99px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.4) inset;border:1px solid rgba(255,255,255,.04)}
  .bar > i{display:block;height:100%;background:linear-gradient(90deg,var(--volt),var(--blue));transition:width .3s cubic-bezier(.4,0,.2,1),background .2s;box-shadow:0 0 12px rgba(39,230,166,.5)}
  .bar.over > i{background:linear-gradient(90deg,var(--danger),#ff95a6);box-shadow:0 0 12px rgba(255,92,114,.5)}
  .money{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-weight:700}

  /* roster slots (list-form, used on some surfaces) */
  .slots{display:grid;gap:10px}
  @media(min-width:720px){.slots{grid-template-columns:1fr 1fr}}
  .slot{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px dashed var(--line);border-radius:13px;padding:11px 13px;min-height:64px}
  .slot.filled{border-style:solid}
  .slot.cap{border-color:var(--gold)}
  .slot .role{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;font-size:12px;color:var(--muted);width:78px;flex:0 0 auto}
  .slot .body{flex:1;min-width:0}
  .slot .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .slot .meta{font-size:12px;color:var(--muted)}
  .slot .pr{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-weight:700;color:var(--volt)}
  .slot .empty{color:var(--faint);font-style:italic}
  .capbadge{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;color:var(--gold);border:1px solid var(--gold);border-radius:6px;padding:1px 5px;letter-spacing:.1em}

  .iconbtn{background:var(--surface3);border:1px solid var(--line);color:var(--muted);width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:15px;line-height:1;flex:0 0 auto}
  .iconbtn:hover{color:var(--ink);border-color:var(--faint)}
  .iconbtn.on{color:var(--gold);border-color:var(--gold)}

  /* pool table */
  .filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
  .filters button{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:12px;background:rgba(255,255,255,.02);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;cursor:pointer;transition:.14s}
  .filters button:hover{color:var(--ink);border-color:var(--faint)}
  .filters button.on{color:#1a0600;border-color:var(--flame);background:var(--flame);font-weight:700}
  table{width:100%;border-collapse:collapse;font-size:14px}
  th{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--muted);text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);position:sticky;top:108px;background:var(--bg);z-index:2}
  td{padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
  tr:hover td{background:rgba(255,255,255,.02)}
  .grp{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:6px}
  .g-sprint{color:#ffd6e6;background:rgba(var(--d-spr-rgb),.14)}
  .g-distance{color:#d6e8ff;background:rgba(var(--d-dst-rgb),.14)}
  .g-jump{color:#e2daff;background:rgba(var(--d-jmp-rgb),.14)}
  .g-throw{color:#eef9c4;background:rgba(var(--d-thr-rgb),.14)}
  td.num{font-family:'Space Mono',ui-monospace,'Courier New',monospace;text-align:right;white-space:nowrap}
  .rowtag{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}

  /* leaderboard */
  .lb-row{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 18px;margin-bottom:11px;box-shadow:var(--sh-2);position:relative;cursor:pointer;transition:transform .14s,border-color .14s}
  .lb-row:hover{transform:translateY(-1px);border-color:var(--faint)}
  .lb-row.first{border-color:rgba(246,201,91,.55);box-shadow:0 0 0 1px rgba(246,201,91,.25) inset,0 16px 40px -16px rgba(246,201,91,.3),var(--sh-2);
    background:linear-gradient(180deg,rgba(246,201,91,.06),rgba(255,255,255,0) 90px),var(--surface)}
  .lane{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:26px;width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,var(--surface3),var(--surface2));color:var(--ink);box-shadow:var(--sh-1)}
  .lb-row.first .lane{background:linear-gradient(160deg,#ffdf8e,var(--gold));color:#241a00;box-shadow:0 6px 18px -6px rgba(246,201,91,.6)}
  .lb-row .nm{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:600;font-size:19px;letter-spacing:.02em}
  .lb-row .pts{margin-left:auto;text-align:right}
  .lb-row .pts b{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:27px;color:var(--volt)}
  .lb-row .pts span{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em}
  .break{font-size:13px;color:var(--muted);border-top:1px solid rgba(255,255,255,.05);margin-top:10px;padding-top:10px;display:none}
  .break.show{display:block}
  .break .ln{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dotted rgba(255,255,255,.06)}
  .break .ln b{font-family:'Space Mono',ui-monospace,'Courier New',monospace;color:var(--ink)}
  .break .ln .sub{color:var(--gold);font-size:11px}
  .sec2{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:600;font-size:21px;letter-spacing:.02em;margin:34px 0 4px}
  .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
  @media(max-width:720px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
  .cat-board{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh-2)}
  .cat-head{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:10px 13px;color:#06231b}
  .cat-head.g-sprint{background:linear-gradient(180deg,#ff7fae,var(--d-spr));color:#3a0a1c}
  .cat-head.g-distance{background:linear-gradient(180deg,#7fbcff,var(--d-dst));color:#04122e}
  .cat-head.g-jump{background:linear-gradient(180deg,#c3b1ff,var(--d-jmp));color:#1d1440}
  .cat-head.g-throw{background:linear-gradient(180deg,#d9f57a,var(--d-thr));color:#1f2a00}
  .cat-row{display:flex;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid rgba(255,255,255,.04);font-size:13px}
  .cat-row .cl{font-family:'Space Mono',ui-monospace,'Courier New',monospace;color:var(--muted);width:14px}
  .cat-row .cn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cat-row b{font-family:'Space Mono',ui-monospace,'Courier New',monospace;color:var(--volt)}

  .pill{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.02)}
  .pill.live{color:var(--volt);border-color:rgba(39,230,166,.5);background:rgba(39,230,166,.08)}
  .note{font-size:12.5px;color:var(--muted);line-height:1.55}
  .banner{background:linear-gradient(180deg,rgba(246,201,91,.10),rgba(246,201,91,.04));border:1px solid rgba(246,201,91,.4);color:#f2dca0;border-radius:12px;padding:12px 16px;font-size:13px;margin:16px 0;line-height:1.55}
  .ok{color:var(--volt)} .bad{color:var(--danger)} .gold{color:var(--gold)}
  .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .spacer{flex:1}
  hr.d{border:none;border-top:1px solid var(--line);margin:24px 0}
  .scoregrp{margin:14px 0}
  .scoregrp h4{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--muted);margin:16px 0 8px}
  .srow{display:grid;grid-template-columns:1fr 74px 68px 64px auto 44px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
  .srow .spts{font-family:'Space Mono',ui-monospace,'Courier New',monospace;color:var(--gold);text-align:right;font-weight:700}
  .srow .bonus{display:flex;gap:4px}
  .srow .bonus button{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;width:30px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--surface2);color:var(--faint);cursor:pointer;transition:.12s}
  .srow .bonus button.on{color:#160600;font-weight:700}
  .srow .bonus button.wl.on{background:var(--volt);border-color:var(--volt)}
  .srow .bonus button.nr.on{background:var(--blue);border-color:var(--blue)}
  .srow .bonus button.ar.on{background:#c98bff;border-color:#c98bff}
  .srow .bonus button.wr.on{background:var(--gold);border-color:var(--gold)}
  @media(max-width:560px){
    .srow{grid-template-columns:1fr;gap:4px}
    th{position:static}
    .slot .role{width:64px}
  }
  .hidden{display:none!important}
  a.lk{color:var(--blue);text-decoration:none} a.lk:hover{text-decoration:underline}

  /* ===== landing hero ===== */
  .hero{position:relative;margin:34px 0 8px;text-align:center;overflow:hidden}
  .hero-ey{display:inline-flex;align-items:center;gap:10px;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:999px;padding:7px 16px;white-space:nowrap}
  .hero-ey b{color:var(--flame)}
  .hero-ey .dot{width:7px;height:7px;border-radius:50%;background:var(--volt);box-shadow:0 0 8px var(--volt);animation:pulse 1.8s ease-in-out infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
  .hero h1{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.005em;line-height:.94;
    font-size:clamp(40px,8.4vw,86px);margin:20px 0 0}
  .hero h1 em{font-style:normal;color:transparent;background:linear-gradient(120deg,#ff7a52,var(--flame) 45%,var(--gold));-webkit-background-clip:text;background-clip:text}
  .hero p{color:var(--muted);max-width:50ch;margin:18px auto 0;font-size:16px;line-height:1.6}
  .hero-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px}
  .hero-meta span{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11.5px;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:9px;padding:8px 13px;letter-spacing:.02em;white-space:nowrap}
  .hero-meta span b{color:var(--ink);font-weight:700}

  /* ===== FPL-style stat bar ===== */
  .gw{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px 0 8px;position:relative}
  .gw-help{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;cursor:pointer;transition:.14s}
  .gw-help:hover{color:var(--volt);border-color:var(--volt);box-shadow:0 0 0 3px rgba(39,230,166,.12)}
  @media(max-width:640px){.gw-help{position:static;transform:none;margin-left:4px}}
  .stat{text-align:center;min-width:70px}
  .stat b{display:block;font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:23px;line-height:1}
  .stat span{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-weight:600}
  .gwbox{width:80px;height:80px;border-radius:18px;display:grid;place-content:center;text-align:center;
    background:linear-gradient(155deg,#2bf0b0,#4f9bff);color:#06231b;box-shadow:0 12px 34px -10px rgba(39,230,166,.4),0 1px 0 rgba(255,255,255,.4) inset}
  .gwbox b{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:32px;line-height:.9}
  .gwbox span{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.82}
  .gwbox.value{background:linear-gradient(155deg,#ff7a52,#f6c95b);color:#2a1000;box-shadow:0 12px 34px -10px rgba(255,90,51,.45),0 1px 0 rgba(255,255,255,.4) inset}

  /* ===== the track (legacy pitch fallback) ===== */
  .pitch{position:relative;border-radius:20px;overflow:hidden;padding:14px 8px 10px;border:1px solid #7a3322;
    background:
      repeating-linear-gradient(180deg, transparent 0 calc(25% - 2px), rgba(255,255,255,.20) calc(25% - 2px) 25%),
      radial-gradient(120% 80% at 50% 0%, #c9512f 0%, #b1422a 45%, #8f3522 100%);
  }
  .pitch::before{content:"";position:absolute;inset:16px 10px;border-radius:50%/22%;
    background:radial-gradient(120% 120% at 50% 50%, rgba(20,128,78,.95) 0 64%, rgba(20,128,78,0) 66%);pointer-events:none}
  .pitch::after{content:"";position:absolute;left:0;right:0;top:0;height:8px;
    background:repeating-linear-gradient(90deg,#fff 0 16px,transparent 16px 26px);opacity:.55}
  .lanerow{position:relative;z-index:2;display:flex;justify-content:center;gap:clamp(10px,4vw,40px);
    align-items:flex-start;padding:10px 0;min-height:118px}
  .lanerow .rowtag{position:absolute;left:8px;top:14px;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;letter-spacing:.14em;
    text-transform:uppercase;color:rgba(255,255,255,.7);writing-mode:vertical-rl;transform:rotate(180deg)}

  /* athlete card */
  .ath{width:clamp(78px,21vw,104px);position:relative;cursor:pointer;user-select:none}
  .ath .photo{position:relative;aspect-ratio:1/1.1;border-radius:13px;overflow:hidden;
    box-shadow:0 6px 16px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.9)}
  .ath .photo img{width:100%;height:100%;object-fit:cover;display:block}
  .ath .fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}
  .ath .fallback .ini{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:clamp(20px,6vw,30px);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
  .ath .fallback .flag{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:.06em}
  .ath .evtag{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:8.5px;
    background:rgba(0,0,0,.6);color:#fff;padding:1px 6px;border-radius:6px;white-space:nowrap;letter-spacing:.03em}
  .ath .name{margin-top:5px;background:#0c0e13;color:#fff;font-size:11.5px;font-weight:600;text-align:center;
    border-radius:6px 6px 0 0;padding:4px 4px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ath .val{background:var(--flame);color:#160600;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-weight:700;font-size:11px;text-align:center;
    border-radius:0 0 6px 6px;padding:2px}
  .ath .val.pts{background:var(--volt);color:#06231b}
  .ath.captain .photo{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 6px 16px rgba(0,0,0,.4)}
  .ath .cbadge{position:absolute;top:-7px;left:-7px;z-index:3;width:22px;height:22px;border-radius:50%;
    background:var(--gold);color:#241a00;font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:13px;display:grid;place-content:center;
    box-shadow:0 2px 6px rgba(0,0,0,.4)}
  .ath .subflag{position:absolute;top:-7px;right:-7px;z-index:3;width:20px;height:20px;border-radius:50%;
    background:var(--danger);color:#fff;font-size:11px;display:grid;place-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}

  /* empty slot card */
  .ath.empty .photo{border:2px dashed rgba(255,255,255,.6);background:rgba(0,0,0,.18);box-shadow:none}
  .ath.empty .fallback .ini{font-size:30px;color:rgba(255,255,255,.85)}
  .ath.empty .name{background:rgba(12,14,19,.7)}
  .ath.empty .val{background:rgba(255,255,255,.25);color:#fff}

  /* card action popover */
  .cardmenu{position:absolute;z-index:6;top:calc(100% + 4px);left:50%;transform:translateX(-50%);
    background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;
    box-shadow:0 12px 28px rgba(0,0,0,.5);min-width:130px}
  .cardmenu button{font-size:12.5px;text-align:left;background:none;border:none;color:var(--ink);padding:7px 9px;border-radius:7px;cursor:pointer}
  .cardmenu button:hover{background:var(--surface3)}
  .cardmenu button.cap{color:var(--gold)} .cardmenu button.rm{color:var(--danger)}

  /* substitutes strip */
  .subs{margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 8px 8px}
  .subs .subhead{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--muted);text-align:center;margin-bottom:8px}
  .subs .lanerow{min-height:auto;padding:4px 0}
  @media(max-width:560px){
    .ath{width:clamp(70px,27vw,92px)}
    .lanerow{gap:clamp(8px,5vw,18px)}
    .gwbox{width:72px;height:72px}.gwbox b{font-size:28px}
    .stat b{font-size:20px}
  }

  /* ===== stadium ===== */
  .stadiumWrap{position:relative;width:100%;max-width:860px;margin:2px auto 0;aspect-ratio:1000/600;container-type:inline-size;overflow:visible}
  /* PHONE KITS (2026-08-21): at 375px the 9.1cqw kits came out ~30px and every plate
     clipped to 2-3 letters. Taller field (the track SVG stretches to it - preserveAspectRatio
     none - so kits stay on the oval), kits +33%, plates 120% of kit width. Verified on the
     real track: zero plate/jersey or plate/plate collisions at a 331px wrap. */
  @media (max-width:780px){.stadiumWrap{aspect-ratio:1000/780}.stadiumWrap .kit{width:min(12cqw,82px)}.stadiumWrap .kit .plate{width:120%}}
  /* TRACK FRAME F1 (approved 2026-08-21): the same flat rd card as the scorecard and
     boards - #11151E, 8px, 1px rule. No gradient, vignette, glow or drop shadow. */
  .fieldframe{position:absolute;inset:0;border-radius:8px;overflow:hidden;background:var(--rd-surface,#11151E);box-shadow:none;border:1px solid var(--rd-rule2,#2A3140)}
  .field{position:absolute;inset:0;width:100%;height:100%;display:block}

  /* jersey cards - sized relative to the track so spacing always clears them */
  .kit{position:absolute;transform:translate(-50%,-50%);width:74px;width:min(9.1cqw,82px);cursor:pointer;text-align:center;z-index:4;transition:transform .14s cubic-bezier(.34,1.4,.5,1)}   /* +20% cards (was min(7.6cqw,68px)) */
  .kit:hover{transform:translate(-50%,-50%) scale(1.1);z-index:6}
  .kit .jersey{width:88%;aspect-ratio:1/1;height:auto;margin:0 auto;display:block;filter:drop-shadow(0 5px 7px rgba(0,0,0,.55))}
  /* P2 name plates (2026-08-21): every plate is exactly the kit width; fitNamePlates()
     shrinks a long name to fit (floored), then ellipsises. (Hover tooltip removed 2026-08-21.)
     Overflow stays visible so the sub tag can hang below the card. */
  .kit .plate{width:100%;max-width:none;position:relative;left:50%;transform:translateX(-50%)}
  /* fixed plate height: the name row keeps the BASE line box even when fitNamePlates()
     shrinks the type, so every plate on the field is the same size */
  .kit{--nmlh:calc(clamp(8.5px,1.6cqw,11.5px)*1.2)}
  .kit .plate .nm{display:block;line-height:var(--nmlh);height:calc(var(--nmlh) + 3px);box-sizing:border-box}   /* beats the later .kit .nm{line-height:1.2}; +3px = its 2px/1px padding */
  .kit .nm{margin-top:-3px;background:#0b0d12;color:#fff;font-size:clamp(8.5px,1.6cqw,11.5px);font-weight:600;line-height:1.2;border-radius:6px 6px 0 0;padding:2px 7px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;box-shadow:0 2px 6px rgba(0,0,0,.4)}
  /* price card is GOLD while picking; flips to VOLT green once the athlete has competed */
  .kit .vl{background:var(--gold);color:#241a00;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-weight:700;font-size:clamp(9.5px,1.75cqw,12.5px);border-radius:0 0 6px 6px;padding:1px 7px;white-space:nowrap}
  .kit .vl.pts{background:var(--volt);color:#06231b}
  .kit .vl.pop{animation:ptspop .42s cubic-bezier(.2,1.4,.4,1)}
  @keyframes ptspop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.18)}100%{transform:scale(1);opacity:1}}
  /* KIT CORNER SYSTEM (approved 2026-08-21): no armband glow - the C/V disc carries it.
     Left column is a fixed two-slot stack: while picking  ✕ over ⇄ ; once results are in
     numbered medal over TOTM star. C / V = dark 19px disc top-right. Every disc on a kit
     is 19px with the same 2px dark ring. The .ab disc and the star's .second slot are
     added generically by kitCornerFix() (runs with fitNamePlates after every render). */
  .kit.cap .jersey,.kit.vc .jersey{filter:drop-shadow(0 5px 7px rgba(0,0,0,.55))}
  .kit .plate .nm .cbadge{display:none}   /* beats the later .kit .nm .cbadge{display:inline-grid} */
  .kit .ab{position:absolute;top:-7px;right:-6px;z-index:7;width:19px;height:19px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:9.5px;line-height:1;padding:0;background:#151a27;color:#fff;border:2px solid #0b0d12;box-shadow:0 2px 6px rgba(0,0,0,.55);pointer-events:none}
  /* optical centring: Oswald's C has a 1px descender dip and a heavier right bearing than V,
     so its ink sits ~0.5px low and ~0.3px right of the V's - nudge it back */
  .kit .ab.c{padding:0 .6px 1px 0}
  .kit .medal{top:-7px;left:-6px;border-color:#0b0d12;font-size:9px;padding-top:0;box-shadow:0 2px 6px rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(255,255,255,.35),inset 0 -3px 4px rgba(0,0,0,.22);text-shadow:0 1px 0 rgba(255,255,255,.35)}
  .kit .medal.m1{background:linear-gradient(160deg,#ffe9a8,#F6C95B 60%,#d9a72f);color:#3a2a00}
  .kit .medal.m2{background:linear-gradient(160deg,#f4f7fb,#aab4c4 60%,#8b95a6);color:#1c222d}
  .kit .medal.m3{background:linear-gradient(160deg,#edc49c,#b0713c 60%,#8e552a);color:#2a1504}
  .kit .totwstar{top:-7px;left:-6px;right:auto;border-color:#0b0d12;font-size:10px;box-shadow:0 2px 6px rgba(0,0,0,.55)}
  .kit .totwstar.second{top:15px}
  .kit .rec{position:absolute;left:-6px;bottom:-6px;z-index:7;font-family:var(--rd-mono);font-weight:700;font-size:9.5px;letter-spacing:.08em;line-height:1;padding:3px 5px 2px;border-radius:4px;color:#fff;border:2px solid #0b0d12;box-shadow:0 2px 6px rgba(0,0,0,.55);pointer-events:none}
  .kit .rec.wr{background:#E5243B}
  .kit .rec.wl{background:var(--flame)}
  @media (max-width:780px){.kit .ab,.kit .rmx,.kit .swp,.kit .totwstar,.kit .medal{width:16px;height:16px;font-size:9px;border-width:1.5px}.kit .medal{font-size:8px}.kit .ab{top:-5px;right:-4px;font-size:8px}.kit .rmx,.kit .totwstar,.kit .medal{top:-5px;left:-4px}.kit .swp,.kit .totwstar.second{top:13px;left:-4px}.kit .totwstar{font-size:8.5px}.kit .rec{font-size:8px;padding:2px 4px 1px;left:-4px;bottom:-5px;border-width:1.5px}}
  .kit.active{z-index:7}
  .kit.active .jersey{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 7px var(--volt)) drop-shadow(0 4px 6px rgba(0,0,0,.5))}
  .kit.active .nm{background:var(--volt);color:#06231b}
  .kit .rmx{position:absolute;top:-7px;left:-6px;z-index:6;width:19px;height:19px;border-radius:50%;background:#e23b3b;color:#fff;border:2px solid #0b0d12;font-size:10px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;opacity:.92;transition:transform .12s,opacity .12s,background .12s;box-shadow:0 2px 5px rgba(0,0,0,.45)}
  .kit .rmx:hover{opacity:1;transform:scale(1.18);background:#f04848}
  .kit .swp{position:absolute;top:15px;left:-6px;z-index:6;width:19px;height:19px;border-radius:50%;background:#2b3340;color:#e4ebf5;border:2px solid #0b0d12;font-size:11px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;opacity:.92;transition:transform .12s,opacity .12s,background .12s;box-shadow:0 2px 5px rgba(0,0,0,.45)}
  .kit .swp:hover{opacity:1;transform:scale(1.18);background:var(--blue);color:#fff}
  .kit .cbadge{position:absolute;top:-7px;left:50%;transform:translateX(-50%);z-index:5;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#241a00;font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:11px;display:grid;place-items:center;box-shadow:0 2px 5px rgba(0,0,0,.5)}
  .kit .nm{text-align:center}
  .kit .nm .cbadge{position:static;display:inline-grid;place-items:center;width:10px;height:10px;font-size:7px;line-height:1;border-radius:50%;margin-right:3px;transform:none;box-shadow:0 1px 2px rgba(0,0,0,.45);vertical-align:0}
  .kit.ghost{opacity:.95}
  .kit.ghost .jersey{filter:none;opacity:.72}
  .kit.ghost .nm{background:rgba(11,13,18,.6);color:#aeb6c6}
  .kit.ghost .vl{background:rgba(255,255,255,.16);color:#e7ebf2}

  /* bench section (made obvious as its own panel) */
  .benchbar{margin-top:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px 18px;position:relative;box-shadow:var(--sh-2)}
  .benchbar::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--gold),#c79a2e)}
  .benchhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:13px}
  .benchtitle{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:14px;color:var(--ink)}
  .benchnote{font-size:11.5px;color:var(--muted)}
  .subsrow{display:flex;gap:14px;flex-wrap:wrap}
  .kit.sub{position:relative;transform:none;width:72px;background:var(--surface2);border:1px solid var(--line);border-radius:13px;padding:9px 6px 7px}
  .kit.sub:hover{transform:translateY(-2px);border-color:var(--faint)}
  .kit.sub .jersey{width:52px}   /* bench keeps pace with the +20% starters */
  .kit.sub .nm,.kit.sub .vl{font-size:10px}
  .kit.sub .nm{border-radius:5px 5px 0 0}

  /* team layout: track + bench/lock below; picker pops in on the right when active */
  .teamlayout{display:flex;gap:20px;align-items:flex-start;margin-top:6px}
  .stadiumcol{flex:1 1 auto;min-width:0}
  .pickcol{flex:0 0 360px;max-width:360px}
  .pickcol{animation:slidein .22s cubic-bezier(.2,.7,.2,1)}
  .teamlayout.picking .stadiumWrap{margin-left:0;margin-right:auto}
  @media(max-width:780px){
    .teamlayout{flex-direction:column}
    .pickcol{flex:1 1 auto;max-width:100%;width:100%}
    .teamlayout.picking .stadiumWrap{margin:2px auto 0}
  }

  /* ===== unified picker ===== */
  @keyframes slidein{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
  .pickdock{position:sticky;top:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 28px);box-shadow:var(--sh-pop)}
  .dockhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 17px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
  .dh-titles{display:flex;flex-direction:column;gap:3px}
  .dh-kicker{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--faint)}
  .dockhead h3{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:18px;margin:0;line-height:1}
  .iconbtn{background:none;border:1px solid var(--line);color:var(--muted);width:28px;height:28px;border-radius:9px;cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center;transition:all .15s}
  .iconbtn:hover{color:var(--ink);border-color:var(--faint)}
  .dockbody{overflow-y:auto;padding:0}

  /* current selection summary */
  .nowpick{padding:17px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
  .np-top{display:flex;gap:14px;align-items:center}
  .np-jersey{width:52px;flex:0 0 auto} .np-jersey .jersey{width:52px;height:52px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
  .np-meta{min-width:0;flex:1}
  .np-name{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1.05;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .np-sub{font-size:12px;color:var(--muted);margin-top:2px} .np-sub b{color:var(--ink);font-family:'Space Mono'}
  .np-stats{display:flex;gap:13px;flex-wrap:wrap;margin-top:9px;font-size:11px;font-family:'Space Mono',ui-monospace,'Courier New',monospace;color:var(--muted)} .np-stats b{color:var(--ink)}
  .np-flag{font-size:11px;color:var(--gold);margin-top:11px}
  .np-actions{display:flex;gap:8px;margin-top:16px}
  .tog{flex:1;font-family:Inter,sans-serif;font-weight:600;font-size:12.5px;padding:10px 8px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}
  .tog:hover{color:var(--ink);border-color:var(--faint)}
  .tog.cap.on{background:var(--gold);border-color:var(--gold);color:#241a00}
  .tog.vice.on{background:#c8d0dc;border-color:#c8d0dc;color:#10151d}
  .tog.rm{flex:0 0 auto;padding:10px 15px}
  .tog.rm:hover{color:var(--flame);border-color:var(--flame)}

  /* controls toolbar */
  .controls{display:flex;align-items:center;gap:8px;padding:13px 17px;border-bottom:1px solid var(--line)}
  .ctl{position:relative;flex:1 1 auto;min-width:0}
  .ctl::after{content:"";position:absolute;right:12px;top:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted);transform:translateY(-30%);pointer-events:none}
  .ctl select{width:100%;font-family:Inter,sans-serif;font-size:12.5px;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:11px;padding:10px 28px 10px 12px;cursor:pointer;appearance:none}
  .ctl select:focus{outline:none;border-color:var(--volt)}
  .autopick{flex:0 0 auto;font-family:Inter,sans-serif;font-weight:600;font-size:12.5px;color:var(--volt);background:rgba(39,230,166,.1);border:1px solid var(--volt);border-radius:11px;padding:10px 14px;cursor:pointer;transition:all .15s;white-space:nowrap}
  .autopick:hover{background:var(--volt);color:#06231b}

  /* list */
  .listhead{display:flex;align-items:baseline;justify-content:space-between;padding:15px 18px 2px}
  .seclabel{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--muted)}
  .cnt{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11px;color:var(--faint)}
  .swlist{padding:4px 9px 16px}
  .swrow{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:13px;transition:background .14s}
  .swrow:hover{background:var(--surface2)}
  .swrow.off{opacity:.42}
  .swrow .jersey{width:38px;height:38px;flex:0 0 auto}
  .swmeta{flex:1;min-width:0}
  .swname{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .swev{font-size:11px;color:var(--muted);margin-top:1px}
  .swstats{font-size:10.5px;color:var(--muted);font-family:'Space Mono',ui-monospace,'Courier New',monospace;margin-top:3px;display:flex;gap:9px;flex-wrap:wrap}
  .swstats b{color:var(--ink)} .swstats .pp b{color:var(--volt)} .swstats .pod b{color:var(--blue)}
  .swact{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
  .swprice{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11.5px;color:var(--ink)}
  .add{font-family:Inter,sans-serif;font-weight:600;font-size:12px;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:7px 15px;cursor:pointer;transition:all .14s}
  .add:hover{background:var(--volt);color:#06231b;border-color:var(--volt)}
  .add:disabled{opacity:.4;cursor:not-allowed}
  .add.in{border-color:var(--line);color:var(--faint)}

  /* vice badge (track) */
  .cbadge.vice{background:#c8d0dc;color:#10151d}

  @media(max-width:560px){ .pickdock{max-height:none} }

.ptspill{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-weight:700;color:var(--ink)}
.ptspill.live{color:var(--gold)}
.pp.live b{color:var(--gold)}
.leaguebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 4px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:13px;font-size:14px;box-shadow:var(--sh-2)}
.leaguebar b{color:var(--volt);font-family:'Space Mono',ui-monospace,'Courier New',monospace;letter-spacing:.04em}
.scorecol{flex:0 0 238px;max-width:238px;order:-1}
.scorecard{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 130px),var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px 18px 15px;box-shadow:var(--sh-2)}
  /* the scorecard used to be sticky on its own; with a schedule card beneath it the
     pinned card covered it as the page scrolled. Stick the PAIR instead, and let the
     rail scroll internally when the two together are taller than the viewport. */
  /* scrollbar matched to the guide popup (#hpPop .hp-card). Same width, thumb colour,
     radius and inset padding - but the padding border is transparent rather than the
     guide's card colour, since this rail sits on the page background, not on a card. */
  .sc-stick{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}
  .sc-stick::-webkit-scrollbar{width:9px}
  .sc-stick::-webkit-scrollbar-track{background:transparent}
  .sc-stick::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
  .sc-stick::-webkit-scrollbar-thumb:hover{background:#2f3848;background-clip:padding-box}
.sc-klabel{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sc-help{width:16px;height:16px;padding:0;margin-left:5px;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--surface2);color:var(--muted);font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;font-weight:700;line-height:1;cursor:pointer;transition:.14s;position:relative;top:-1px}
.sc-help:hover{color:var(--volt);border-color:var(--volt);box-shadow:0 0 0 3px rgba(39,230,166,.12)}
.sc-scope{float:right;display:inline-flex;gap:3px;margin-top:-2px}
.sc-scb{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);border-radius:6px;padding:2px 7px;cursor:pointer;line-height:1.4}
.sc-scb.on{color:var(--ink);border-color:var(--volt);background:rgba(39,230,166,.12)}
.sc-eprow.sc-gap{border-top:1px dashed var(--line);margin-top:3px;padding-top:5px}
/* hangs BELOW the card (absolute, out of flow) so a substituted kit stays the same height
   as every other kit on the row instead of bumping up */
.plate .subtag{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-width:120px;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:8px;letter-spacing:.05em;text-transform:uppercase;color:#ffb14d;line-height:1.2;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admwrap{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.admwrap>summary{cursor:pointer;padding:13px 16px;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);list-style:none;user-select:none}
.admwrap>summary::before{content:"\25B8";display:inline-block;width:16px;transition:transform .15s}
.admwrap>summary::before{content:"\25B8"}   /* clean override: the rule above carries a corrupted escape */
.admwrap[open]>summary::before{transform:rotate(90deg)}
.admwrap[open]>summary{color:var(--ink)}
.admwrap-b{padding:0 14px 14px}
/* scoring workflow bar: stays pinned while scrolling the event grids */
.scorebar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px -4px;padding:9px 4px;background:var(--bg,#0b0e15);border-bottom:1px solid var(--line)}
.scorebar-prog{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;color:var(--muted);white-space:nowrap}
.scorebar-prog b{color:var(--gold)}
.scorebar-prog.done b{color:var(--volt)}
/* section groupings for the admin tools below the score grid */
.adm-cat{margin:26px 0 2px;padding-top:16px;border-top:1px solid var(--line)}
.adm-cat span{display:block;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--volt)}
.adm-cat i{display:block;font-style:normal;font-size:11.5px;color:var(--faint);margin-top:3px}
/* forum archive: meet switcher + read-only banner */
.fm-meets{flex-wrap:wrap;margin:2px 0 10px}
.fm-arch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:9px 12px;border:1px solid rgba(246,201,91,.4);border-left:3px solid var(--gold);border-radius:10px;background:rgba(246,201,91,.06);font-size:12.5px;color:var(--muted)}
.fm-arch b{color:var(--ink)}
.admwrap-b>.card{margin-top:10px!important}
.aibdg{display:inline-block;margin-left:7px;padding:1.5px 7px;border-radius:6px;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.14em;background:linear-gradient(160deg,#9be8ff,#7c6cff);color:#0b0820;vertical-align:middle}
.aibdg.sm{font-size:8.5px;padding:1px 5px;margin-left:5px}
.fndr{display:inline-block;margin-left:7px;padding:1.5px 7px;border-radius:6px;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.12em;background:linear-gradient(160deg,#ffe9a8,var(--gold));color:#1b1405;vertical-align:middle}
.fndr.sm{font-size:8px;padding:1px 5px;margin-left:5px}
.sc-total{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-size:50px;font-weight:700;line-height:1;color:var(--volt);margin:1px 0 1px;text-shadow:0 0 28px rgba(39,230,166,.35)}
.sc-sub{font-size:11px;color:var(--muted);margin-bottom:12px}
.sc-disc{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:8px}
.sc-row{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:13px;width:100%;background:none;border:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
.sc-row:hover .sc-rl{color:#fff}
.sc-rk{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11px;color:var(--muted);min-width:26px;text-align:right}
.sc-row .chev{color:var(--faint);font-size:9px;width:12px;text-align:center}
.sc-row.open .chev{color:var(--volt)}
.sc-orank{color:var(--gold);font-family:'Space Mono'}
.sc-exp{display:flex;flex-direction:column;gap:1px;padding:2px 0 8px 18px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.04)}
  .sc-exp{display:none}
  .sc-row.open + .sc-exp{display:flex}
  .sc-row .chev{transition:transform .15s;display:inline-block}
  .sc-row.open .chev{transform:rotate(90deg)}
.sc-eprow{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 2px;color:var(--muted);border-radius:6px}
.sc-locked{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--faint);padding:5px 2px 3px;font-style:italic}
.sc-locked svg{opacity:.7;flex:0 0 auto}
.au-forgot{font-size:12.5px;color:var(--muted);text-decoration:none;cursor:pointer;transition:color .15s}
.au-forgot:hover{color:var(--volt);text-decoration:underline;text-underline-offset:2px}
/* manager name as a profile link: restrained by default, accent on hover. The name gets a
   hairline underline (not a heavy rule) and a light chevron; the explicit 'View profile'
   sits in the meta line below so the affordance is clear without shouting. */
/* manager-name header on track views: PFP + name, no underline; whole thing links
   to the profile and tints volt on hover */
.lv-namelink{cursor:pointer;color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:11px}
.lv-namelink .mgr-av{border-radius:50%;flex:0 0 auto}
.lv-namelink .lv-nm{transition:color .15s}
.lv-namelink:hover .lv-nm{color:var(--volt)}
.lv-plink{color:var(--muted);cursor:pointer;text-decoration:none;border-bottom:1px solid rgba(149,158,177,.35);transition:color .15s,border-color .15s}
.lv-plink:hover{color:var(--volt);border-bottom-color:var(--volt)}
/* ===== notifications: bell, panel, toast ===== */
.nbell-wrap{display:inline-flex;align-items:center}
.nbell{position:relative;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--surface2);color:var(--muted);cursor:pointer;transition:.14s}
.nbell:hover{color:var(--volt);border-color:var(--volt)}
.nbadge{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:var(--flame);color:#fff;font-family:'Space Mono',ui-monospace,monospace;font-size:9px;font-weight:700;line-height:15px;text-align:center}
.nf-back{position:fixed;inset:0;z-index:240;background:transparent}
.nf-panel{position:fixed;top:64px;right:14px;z-index:241;width:min(92vw,330px);max-height:74vh;overflow-y:auto;background:linear-gradient(180deg,#121924,#0d121a);border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px;box-shadow:0 22px 60px rgba(0,0,0,.6);scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}
.nf-panel::-webkit-scrollbar{width:8px}
.nf-panel::-webkit-scrollbar-track{background:transparent}
.nf-panel::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px;border:2px solid #0d121a;background-clip:padding-box}
.nf-hd{display:flex;align-items:center;justify-content:space-between;font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.nf-sec{font-family:'Space Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--volt);margin:13px 0 7px;padding-top:11px;border-top:1px solid var(--line)}
.nf-tog{display:flex;align-items:flex-start;gap:9px;padding:5px 0;cursor:pointer;font-size:13px;color:var(--ink)}
.nf-tog input{margin-top:2.5px;accent-color:var(--volt)}
.nf-tog i{display:block;font-style:normal;font-size:11px;color:var(--faint)}
.nf-note{font-size:11px;color:var(--faint);margin:7px 0 0;line-height:1.5}
.nf-feed{display:flex;flex-direction:column;gap:4px}
.nf-item{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .14s}
.nf-item:hover{border-color:var(--volt)}
.nf-item b{display:block;font-size:12.5px;color:var(--ink)}
.nf-item span{display:block;font-size:11.5px;color:var(--muted);line-height:1.45;margin-top:1px}
.nf-item em{display:block;font-style:normal;font-family:'Space Mono',ui-monospace,monospace;font-size:9.5px;color:var(--faint);margin-top:3px}
.nf-toast{position:fixed;right:16px;bottom:16px;z-index:260;width:min(92vw,320px);padding:12px 14px;background:linear-gradient(180deg,#121924,#0d121a);border:1px solid var(--line);border-left:3px solid var(--volt);border-radius:12px;box-shadow:0 16px 44px rgba(0,0,0,.55);cursor:pointer;animation:nf-in .28s cubic-bezier(.2,.9,.3,1) both}
.nf-toast b{display:block;font-size:13px;color:var(--ink)}
.nf-toast span{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:2px}
.nf-toast.out{transition:opacity .35s,transform .35s;opacity:0;transform:translateY(8px)}
@keyframes nf-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:520px){.nf-panel{top:58px;right:8px}}
.sc-eprow.me{color:var(--ink);background:rgba(39,230,166,.08)}
.sc-eprow .sc-er{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;width:13px;text-align:center;color:var(--faint)}
.sc-eprow.me .sc-er{color:var(--volt)}
.sc-eprow .sc-en{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-eprow b{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:12px;color:inherit}
.sc-eprow.me b{color:var(--volt)}
.sc-row+.sc-row{border-top:1px solid rgba(255,255,255,.04)}
.sc-row .sc-rl{flex:1 1 auto;color:var(--ink);font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1}
/* uniform line-height so rank + points sit dead-centre against the label
   (+1px optical correction: Rajdhani digits ride high in their em box) */
.sc-row .sc-rk,.sc-row b{line-height:1}
.sc-row b{position:relative;top:1px}
.sc-row b{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:15px;color:var(--ink)}
.sc-row .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.dot.g-sprint{background:var(--d-spr)}.dot.g-distance{background:var(--d-dst)}.dot.g-jump{background:var(--d-jmp)}.dot.g-throw{background:var(--d-thr)}
/* dedicated classes, NOT the generic .g-* utilities - those carry a tinted pill
   background that doesn't belong on the scorecard labels */
.sc-rl.sc-g-sprint{color:var(--d-spr)}.sc-rl.sc-g-distance{color:var(--d-dst)}.sc-rl.sc-g-jump{color:var(--d-jmp)}.sc-rl.sc-g-throw{color:var(--d-thr)}
.sc-flat .sc-rl{color:#fff}
.sc-note{margin-top:11px;font-size:10px;color:var(--muted);line-height:1.4}
  /* "Coming up": the squad's own race schedule, under the scorecard */
  .squadsched{margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px 8px;box-shadow:var(--sh-2)}
  .sq-head{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .sq-head i{font-style:normal;color:var(--faint);letter-spacing:.08em}
  .sq-row{display:block;width:100%;text-align:left;background:none;border:none;border-top:1px solid rgba(255,255,255,.05);padding:9px 0 8px;cursor:pointer;font-family:inherit;color:inherit}
  .sq-row:first-of-type{border-top:none}
  .sq-row:hover .sq-ath{color:#fff}
  .sq-when{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11px;color:var(--volt);letter-spacing:.02em}
  .sq-ath{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:13.5px;font-weight:500;color:var(--ink);letter-spacing:.02em;margin-top:1px}
  .sq-ath .sq-b{font-family:'Space Mono',ui-monospace,monospace;font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:1px 4px;margin-left:5px;vertical-align:1px}
  .sq-ev{font-size:10.5px;color:var(--muted);margin-top:1px;line-height:1.35}
  .sq-none{font-size:10px;color:var(--muted);padding:6px 0 8px;line-height:1.4}
.ptsbd{margin-top:12px;border-top:1px solid var(--line);padding-top:4px}
.bd-head,.bd-row{display:grid;grid-template-columns:1fr 72px 72px;gap:10px;align-items:center}
.bd-head{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:10px 0 4px}
.bd-head span:nth-child(2),.bd-head span:nth-child(3){text-align:right}
.bd-row{font-size:13px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}
.bd-row .hint{display:block;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;color:var(--faint);margin-top:2px}
.bd-row .e{font-family:'Space Mono',ui-monospace,'Courier New',monospace;text-align:right;color:var(--faint);font-size:12.5px}
.bd-row .a{font-family:'Space Mono',ui-monospace,'Courier New',monospace;text-align:right;color:var(--ink);font-weight:700;font-size:13.5px}
.bd-row.total{border-top:2px solid var(--line)}
.bd-row.total span:first-child{color:var(--ink);font-weight:600}
.bd-row.total .a{color:var(--gold);font-size:16px}
.bd-cap{margin-top:8px;font-size:11px;color:var(--gold);font-family:'Space Mono'}
@media (max-width:1100px){.teamlayout.picking .scorecol{display:none}}
@media (max-width:780px){.scorecol{flex:1 1 100%;max-width:100%}
  .sc-stick{position:static;max-height:none;overflow:visible}}   /* full-width rail: no pinning, no inner scrollbar */
.dockbody{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}
.dockbody::-webkit-scrollbar{width:9px;height:9px}
.dockbody::-webkit-scrollbar-track{background:transparent}
.dockbody::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px;border:2px solid var(--surface);background-clip:padding-box}
.dockbody::-webkit-scrollbar-thumb:hover{background:#2f3848;border-color:var(--surface)}
nav.tabs{scrollbar-width:none} nav.tabs::-webkit-scrollbar{display:none}
[style*="overflow-x:auto"]{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}
[style*="overflow-x:auto"]::-webkit-scrollbar{height:8px}
[style*="overflow-x:auto"]::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}
[style*="overflow-x:auto"]::-webkit-scrollbar-track{background:transparent}
/* ===== athlete picker as an overlay drawer (field stays full-size, dimmed behind) ===== */
.pickoverlay{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;padding-right:max(0px,calc((100vw - 1120px)/2))}
.pickscrim{position:absolute;inset:0;background:rgba(5,7,11,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:scrimin .18s ease both}
.pickdrawer{position:relative;width:min(450px,94vw);height:100vh;height:100dvh;background:var(--surface);border-left:1px solid var(--line);box-shadow:-30px 0 80px rgba(0,0,0,.6);display:flex;flex-direction:column;animation:drawerin .28s cubic-bezier(.2,.72,.2,1) both;will-change:transform}
.pickdrawer .pickdock{position:static;height:100%;max-height:none;border:none;border-radius:0;box-shadow:none;background:transparent;flex:1 1 auto;min-height:0}
.pickdrawer .dockbody{flex:1 1 auto;min-height:0}
@keyframes scrimin{from{opacity:0}to{opacity:1}}
@keyframes drawerin{from{transform:translateX(100%)}to{transform:none}}
.pickdrawer.no-anim,.pickscrim.no-anim{animation:none}
/* background tab: every looping animation stops burning CPU; one-shot fx are done in <1s anyway */
body.ft-hid *,body.ft-hid *::before,body.ft-hid *::after{animation-play-state:paused!important}
/* background tab: drop the big blurred aurora layer entirely - it is the single
   most expensive composited surface on the page and invisible while hidden */
body.ft-hid .aurora{display:none}
.drawer-open{overflow:hidden}
@media (max-width:600px){.pickoverlay{padding-right:0}.pickdrawer{width:100vw;border-left:none}}
/* picker event sub-headings */
.swsub{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;font-size:11px;color:var(--volt);padding:12px 2px 5px;margin-top:6px;border-bottom:1px solid var(--line)}
.swsub:first-child{margin-top:0}
/* DNF / DNP buttons in results */
.srow .bonus button.st{width:auto;padding:0 7px}
.srow .bonus button.st.on{color:#fff;font-weight:700}
.srow .bonus button.st.on.dnf{background:#b3402a;border-color:#b3402a}
.srow .bonus button.st.on.dnp,.srow .bonus button.st.on.dns,.srow .bonus button.st.on.nm{background:#5a6273;border-color:#5a6273}
.srow .bonus button.st.on.dq{background:#b3402a;border-color:#b3402a}
/* flex row in scorecard */
.dot.g-flex{background:#9aa3b5}
.sc-flat{cursor:default}
.sc-flat:hover .sc-rl{color:var(--ink)}
/* league cards */
.card.you{border-color:rgba(39,230,166,.55);box-shadow:0 0 0 1px var(--volt) inset,var(--sh-2)}
.lgrank{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:12px;color:var(--muted);min-width:18px}
.lgpts{font-family:'Space Mono',ui-monospace,'Courier New',monospace;white-space:nowrap}
.lgpts b{color:var(--gold);font-size:18px}
.lgpts span{color:var(--muted);font-size:11px}

/* ===== animated aurora backdrop (echoes the brand gradient) ===== */
.aurora{position:fixed;inset:-25% -12%;z-index:-2;pointer-events:none;filter:blur(32px) saturate(1.2);opacity:.42;will-change:transform}
.aurora::before,.aurora::after{content:"";position:absolute;inset:0;
  background:
    radial-gradient(36% 48% at 22% 26%, rgba(255,90,51,.34), transparent 60%),
    radial-gradient(32% 44% at 80% 20%, rgba(255,120,60,.24), transparent 60%),
    radial-gradient(40% 50% at 68% 80%, rgba(31,200,160,.28), transparent 62%),
    radial-gradient(34% 44% at 28% 82%, rgba(70,130,230,.24), transparent 60%);
  animation:drift 28s ease-in-out infinite alternate}
.aurora::after{animation-duration:36s;animation-direction:alternate-reverse;mix-blend-mode:screen;opacity:.85}
@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1.05) rotate(0deg)}50%{transform:translate3d(4%,3%,0) scale(1.16) rotate(7deg)}100%{transform:translate3d(-2%,4%,0) scale(1.08) rotate(-6deg)}}

/* ===== tab-change transition ===== */
@keyframes viewin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#app.flip{animation:viewin .42s cubic-bezier(.2,.7,.2,1)}

/* ===== hero headline shimmer ===== */
.hero h1 em{background-size:220% 100%;animation:shimmer 7s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* ===== card hover lift ===== */
.card:hover{transform:translateY(-2px);border-color:var(--faint)}

/* ===== meet countdown ===== */
.cd-kicker{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:26px}
.countdown{display:flex;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.cd-cell{min-width:76px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0)),var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 12px 11px;box-shadow:var(--sh-2);position:relative;overflow:hidden}
.cd-cell::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--flame),var(--volt))}
.cd-num{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:700;font-size:36px;line-height:1;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fff,#cfc8ec);-webkit-background-clip:text;background-clip:text;color:transparent}
.cd-lab{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:7px}
.cd-live{display:inline-flex;align-items:center;gap:9px;font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--volt);font-size:20px;margin-top:6px}
.cd-live::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--volt);box-shadow:0 0 10px var(--volt);animation:pulse 1.4s ease-in-out infinite}

/* ===== lock-in celebration ===== */
.confetti{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;opacity:0;animation:fall linear forwards}
@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:.85;transform:translateY(112vh) rotate(680deg)}}

@media(prefers-reduced-motion:reduce){
  .aurora,.aurora::before,.aurora::after,.hero h1 em,#app.flip,.lanes::after,.confetti i{animation:none}
}

/* projected total + selection-screen countdown */
.sc-proj{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:12px;color:var(--muted);margin:1px 0 3px}
.sc-proj b{color:var(--volt);font-weight:700}
.cdmini{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 12px;font-family:'Space Mono'}
.cdmini .cd-mk{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.cdmini b{color:var(--flame);letter-spacing:.04em;font-size:13px;font-weight:700}
.cdmini .cd-live-mini{color:var(--volt);font-size:12px;letter-spacing:.04em}
/* toolbar countdown */
.tabs .navcd{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--rd-mono);font-size:11px;white-space:nowrap;padding-left:12px;align-self:center}
.navcd .navcd-k{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:9px}
.navcd b{color:var(--flame);letter-spacing:.03em;font-weight:700}
.navcd .navcd-live{color:var(--volt);font-size:11px;letter-spacing:.03em}
@media (max-width:640px){.tabs .navcd{display:none}}
.tabs .navcd{gap:5px}
.navcd .cd-cell{min-width:0;padding:1px 7px 2px;border-radius:7px;box-shadow:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--surface)}
.navcd .cd-cell::before{height:1.5px}
.navcd .cd-num{font-size:15px;margin:0}
.navcd .cd-lab{font-size:7px;letter-spacing:.1em;margin-top:1px}
/* ── About page: privacy <details> ── */
.ftdetails summary{cursor:pointer;color:var(--flame);font-size:13px;letter-spacing:.02em;list-style:none;user-select:none}
.ftdetails summary::-webkit-details-marker{display:none}
.ftdetails summary::before{content:'▸ ';color:var(--flame)}
.ftdetails[open] summary::before{content:'▾ '}
.ftdetails p{margin:0}
/* ── BTTW Media credit (Brick Through The Window) ── */
.bttw-credit{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.bttw-label{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.3;cursor:help;text-align:center}
.bttw-mini{position:relative;width:104px;height:40px;overflow:hidden}
.bttw-thrower{position:absolute;left:22px;bottom:2px;width:24px;height:34px;animation:bttw-throw 3s ease-in-out infinite;transform-origin:center bottom}
@keyframes bttw-throw{0%,100%{transform:rotate(0deg)}22%{transform:rotate(-22deg)}32%{transform:rotate(12deg)}42%,100%{transform:rotate(0deg)}}
.bttw-brick{position:absolute;left:44px;bottom:26px;width:7px;height:5px;background:#c44;border-radius:.5px;opacity:0;animation:bttw-fly 3s ease-in infinite;box-shadow:0 0 5px rgba(220,60,60,.5)}
@keyframes bttw-fly{0%,28%{left:44px;bottom:26px;opacity:0;transform:rotate(0)}30%{opacity:1}52%{left:78px;bottom:15px;opacity:1;transform:rotate(540deg)}53%{opacity:0}100%{opacity:0}}
.bttw-window{position:absolute;right:8px;bottom:4px;width:26px;height:28px;border:1.5px solid rgba(255,255,255,.16);border-radius:1.5px;background:rgba(100,160,240,.05)}
.bttw-window::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:.5px;background:rgba(255,255,255,.08)}
.bttw-window::after{content:'';position:absolute;top:50%;left:0;right:0;height:.5px;background:rgba(255,255,255,.08)}
.bttw-flash{position:absolute;right:11px;bottom:9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,200,.7) 0%,rgba(255,180,60,.3) 40%,transparent 70%);opacity:0;animation:bttw-flash 3s ease-out infinite;z-index:2}
@keyframes bttw-flash{0%,51%{opacity:0;transform:scale(.2)}53%{opacity:1;transform:scale(1.5)}60%{opacity:0;transform:scale(2.4)}100%{opacity:0}}
.bttw-confetti{position:absolute;right:4px;bottom:3px;width:34px;height:30px;pointer-events:none;z-index:3}
.bttw-piece{position:absolute;width:4px;height:4px;border-radius:1px;opacity:0;animation:bttw-pop 3s ease-out infinite}
.bttw-piece:nth-child(1){background:#ff3b6f;left:14px;top:14px;--cx:-16px;--cy:-16px;--cr:400deg;width:5px;height:3px}
.bttw-piece:nth-child(2){background:#ffdd3b;left:16px;top:12px;--cx:14px;--cy:-20px;--cr:-360deg;animation-delay:.02s;width:3px;height:5px}
.bttw-piece:nth-child(3){background:#3bddff;left:18px;top:16px;--cx:18px;--cy:-8px;--cr:320deg;animation-delay:.04s}
.bttw-piece:nth-child(4){background:#a855f7;left:12px;top:10px;--cx:-12px;--cy:-22px;--cr:-420deg;animation-delay:.01s;width:3px;height:5px;border-radius:3px}
.bttw-piece:nth-child(5){background:#22c55e;left:20px;top:14px;--cx:20px;--cy:-12px;--cr:460deg;animation-delay:.05s}
.bttw-piece:nth-child(6){background:#ff8c3b;left:10px;top:16px;--cx:-20px;--cy:-6px;--cr:-280deg;animation-delay:.03s;width:5px;height:2px}
@keyframes bttw-pop{0%,51%{opacity:0;transform:translate(0,0) rotate(0deg) scale(.3)}54%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1.3)}70%{opacity:.9;transform:translate(var(--cx),var(--cy)) rotate(var(--cr)) scale(1)}90%{opacity:.3;transform:translate(calc(var(--cx)*1.2),calc(var(--cy)+14px)) rotate(var(--cr)) scale(.6)}100%{opacity:0;transform:translate(calc(var(--cx)*1.3),calc(var(--cy)+24px)) rotate(var(--cr)) scale(.2)}}
@media (prefers-reduced-motion:reduce){.bttw-thrower,.bttw-brick,.bttw-flash,.bttw-piece{animation:none}}
/* ── Site footer: BTTW Media credit bar (pinned bottom, all views) ── */
/* static gradient tint instead of backdrop-filter blur + an infinite shimmer animation:
   both forced the browser to recomposite every frame on every page, all the time */
.ftfooter{position:relative;overflow:hidden;margin-top:30px;background:linear-gradient(180deg,#0a0e15,#080b11);border-top:1px solid var(--line)}
.ftfooter::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,90,51,.05) 30%,rgba(39,230,166,.05) 70%,transparent 100%);pointer-events:none}
.ftfooter-main{max-width:1120px;margin:0 auto;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;position:relative;z-index:1}
.ftfooter-brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.ftfooter-brandtext{display:flex;flex-direction:column;gap:6px}
.ftfooter-bttw{font-size:9px;font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);line-height:1.3}
.ftfooter-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ftfooter-dot{color:var(--muted);opacity:.4;font-size:9px;line-height:1}
.ftfooter-contact{font-size:9px;font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .15s}
.ftfooter-contact:hover{color:var(--flame)}
.ftfooter-contact svg{opacity:.8;height:10px;width:auto}
.ftfooter-bttw,.ftfooter-contact{-webkit-text-fill-color:currentColor}
@media (max-width:520px){.ftfooter-main{padding:14px;gap:14px}.ftfooter-brandtext{gap:5px}}
.ftfooter-mark{flex:0 0 auto;width:58px;height:auto;display:block;opacity:.92}
@media (max-width:520px){.ftfooter-mark{width:46px}}
.ftfooter-disc{flex:1 1 300px;max-width:600px;font-family:Inter,system-ui,sans-serif}
.ftfooter-disc b{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:9px;margin-bottom:3px;color:var(--muted)}
.ftfooter-disc span{display:block;font-size:9.5px;line-height:1.55;color:var(--faint);max-width:620px}
/* ===== round scorecard (auto-pop after finalise) ===== */
.sc-wrap{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.sc-back{position:absolute;inset:0;background:rgba(3,5,9,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:scback .2s ease}
@keyframes scback{from{opacity:0}}
.sc-card{position:relative;width:min(342px,100%);max-height:92vh;overflow:auto;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 70px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);animation:scpop .34s cubic-bezier(.2,.9,.3,1)}
.sc-x{position:absolute;top:9px;right:12px;z-index:6;background:none;border:0;color:var(--muted);font-size:23px;line-height:1;cursor:pointer;padding:2px 6px}
.sc-x:hover{color:var(--ink)}
@keyframes scpop{from{opacity:0;transform:translateY(10px) scale(.97)}}
.sc-conf{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}
.sc-conf i{position:absolute;top:-16px;display:block}
@keyframes cfa{0%{transform:translate(0,-16px) rotate(0);opacity:0}8%{opacity:1}30%{transform:translate(13px,72px) rotate(130deg)}62%{transform:translate(-15px,158px) rotate(250deg);opacity:1}100%{transform:translate(7px,262px) rotate(410deg);opacity:0}}
@keyframes cfb{0%{transform:translate(0,-16px) rotate(0);opacity:0}8%{opacity:1}34%{transform:translate(-16px,84px) rotate(-150deg)}64%{transform:translate(12px,166px) rotate(-280deg);opacity:1}100%{transform:translate(-6px,268px) rotate(-460deg);opacity:0}}
@keyframes cfc{0%{transform:translate(0,-16px) rotate(0);opacity:0}9%{opacity:1}40%{transform:translate(9px,104px) rotate(90deg)}70%{transform:translate(-8px,182px) rotate(200deg);opacity:1}100%{transform:translate(4px,256px) rotate(300deg);opacity:0}}
@keyframes cfd{0%{transform:translate(0,-16px) rotate(0);opacity:0}9%{opacity:1}36%{transform:translate(-11px,92px) rotate(-100deg)}66%{transform:translate(15px,172px) rotate(-220deg);opacity:1}100%{transform:translate(-3px,260px) rotate(-330deg);opacity:0}}
.sc-head{position:relative;text-align:center;padding:24px 22px 20px}
.tro-c{width:34px;height:34px;display:block;margin:0 auto 8px}
.tro-s{width:15px;height:15px;flex:0 0 auto;position:relative;top:2px}
.sc-nowin{width:15px;flex:0 0 auto}
.sc-brand{position:relative;display:block;margin:0 auto 13px;width:54px;height:auto;opacity:.98}
.sc-kick{position:relative;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:var(--gold)}
.sc-champ{position:relative;font-size:clamp(23px,7.5vw,30px);line-height:1.06;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:10px 0 0;overflow-wrap:anywhere}
.sc-champ.many{font-size:18px;line-height:1.22}
.sc-champ a{color:inherit;text-decoration:none;border-bottom:0}
.sc-champ a:hover{color:var(--gold)}
.sc-pts{position:relative;font-size:13px;color:var(--muted);margin-top:9px}
.sc-pts b{font-family:'Space Mono',ui-monospace,monospace;color:var(--volt);font-weight:700}
.sc-list{padding:2px 22px 8px}
.sc-row{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.sc-row .d{text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700;color:var(--muted);flex:0 0 74px}
.sc-row .m{flex:1;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.sc-row .m.s2{font-size:12.5px}
.sc-row .m.s3{font-size:11px;line-height:1.42}
.sc-row .m.sc-none{color:var(--faint);font-weight:500;font-style:italic}
.sc-row .p{font-family:'Space Mono',ui-monospace,monospace;font-size:13.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.sc-row .p.sc-none{color:var(--faint)}
.sc-link{color:var(--ink);text-decoration:none;cursor:pointer;transition:color .15s}
.sc-link:hover{color:var(--gold)}
.sc-foot{padding:6px 22px 22px}
.sc-foot button{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:13px;color:var(--ink);font-size:14px;font-weight:600;padding:12px;cursor:pointer}
.sc-foot button:hover{background:rgba(255,255,255,.06)}
@media(max-width:370px){
  .sc-head{padding:20px 16px 16px}
  .sc-list{padding:2px 16px 6px}
  .sc-foot{padding:6px 16px 18px}
  .sc-row .d{flex:0 0 62px;font-size:12.5px}
  .sc-row .m{font-size:13px}
  .sc-row .m.s3{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){.sc-back,.sc-card{animation:none}.sc-conf i{animation:none!important;opacity:0}}
/* ===== SHARE MY SCORE: preview modal for the canvas-drawn share card ===== */
.ftsh-scbtn{margin-top:8px;background:linear-gradient(100deg,#FF6A3F,#E0421F)!important;border-color:transparent!important;color:#fff!important}
.finalbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(100deg,rgba(255,90,51,.15),rgba(39,230,166,.05));border:1px solid var(--line);border-left:3px solid var(--flame);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.finalbar .fb-tx{font-size:14px;color:var(--ink)}
.finalbar .fb-tx .fb-kick{color:var(--gold);font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:2px}
.finalbar .fb-btns{display:flex;gap:8px;flex-wrap:wrap}
.finalbar .fb-share{background:linear-gradient(100deg,#FF6A3F,#E0421F);border-color:transparent;color:#fff}
.finalbar .fb-share:hover{filter:brightness(1.08)}
.ftsh-wrap{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:18px}
.ftsh-back{position:absolute;inset:0;background:rgba(4,6,10,.82);backdrop-filter:blur(3px)}
.ftsh-card{position:relative;width:min(94vw,780px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh-pop)}
.ftsh-card img{display:block;width:100%;border-radius:10px;border:1px solid var(--line)}
.ftsh-btns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.ftsh-btns button{flex:1;min-width:130px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);border-radius:11px;padding:12px;font-size:14px;font-weight:600;cursor:pointer}
.ftsh-btns button.pri{background:linear-gradient(100deg,#FF6A3F,#E0421F);border-color:transparent;color:#fff}
.ftsh-btns button:hover{filter:brightness(1.08)}
.ftsh-note{margin:10px 2px 0;font-size:12.5px;color:var(--muted);line-height:1.5}
.ftsh-x{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--muted);font-size:26px;cursor:pointer;line-height:1}
.ftsh-x:hover{color:var(--ink)}
/* ===== Editorial pages: How it works + About ===== */
.hiw-hero,.abt-hero{max-width:780px;margin:4px 0 14px}
.hiw-ey,.abt-ey{color:var(--flame);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;font-family:Inter,system-ui,sans-serif}
.hiw-h1,.abt-h1{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.005em;font-size:clamp(30px,5.4vw,48px);line-height:1.0;margin:12px 0 0}
.hiw-h1 em,.abt-h1 em{color:var(--flame);font-style:normal}
.hiw-lead{color:var(--muted);font-size:17px;line-height:1.6;margin:16px 0 30px;max-width:640px}
/* track-lane rows (signature) */
.hiw-lanes{margin:0 0 12px;border-top:1px solid var(--line)}
.hiw-lane{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:20px 2px;border-bottom:1px solid var(--line);align-items:start}
.hiw-no{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;font-size:30px;line-height:1;color:var(--flame);position:relative}
.hiw-t{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:15px;color:var(--ink);margin:1px 0 5px}
.hiw-b{color:var(--muted);font-size:14.5px;line-height:1.62;margin:0}
.hiw-b b{color:var(--ink);font-weight:600}
/* section rule heading */
.hiw-sec{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:12.5px;color:var(--faint);margin:32px 0 14px;display:flex;align-items:center;gap:14px}
.hiw-sec::after{content:'';flex:1;height:1px;background:var(--line)}
/* placement scale board (data signature) */
.hiw-scale{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:0 0 12px}
.hiw-pl{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 4px 9px;text-align:center}
.hiw-pos{font-family:'Space Mono',ui-monospace,monospace;font-size:10.5px;color:var(--faint);letter-spacing:.02em}
.hiw-pt{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;font-size:23px;color:var(--volt);line-height:1.05;margin-top:2px}
.hiw-pl.first{border-color:rgba(255,90,51,.5);background:linear-gradient(180deg,rgba(255,90,51,.08),var(--surface))}
.hiw-pl.first .hiw-pt{color:var(--flame)}
/* callout cards */
.hiw-calls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hiw-call{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 17px}
.hiw-call h4{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--ink);margin:0 0 7px;display:flex;align-items:center;gap:8px}
.hiw-ico{width:18px;height:18px;flex:0 0 auto;color:var(--flame)}
.hiw-call p{color:var(--muted);font-size:13.5px;line-height:1.58;margin:0}
.hiw-call p b{color:var(--ink);font-weight:600}
.hiw-tag{display:inline-block;font-family:'Space Mono',ui-monospace,monospace;font-size:11px;color:var(--volt);border:1px solid var(--line);border-radius:6px;padding:3px 8px;margin:0 5px 5px 0}
.hiw-tag.hot{color:var(--flame);border-color:rgba(255,90,51,.4)}
/* meet strip */
.hiw-meet{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 20px;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.hiw-mn{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:18px;color:var(--ink)}
.hiw-md{font-family:'Space Mono',ui-monospace,monospace;font-size:12.5px;color:var(--muted)}
/* About */
.abt-manifesto{border-left:3px solid var(--flame);padding:3px 0 3px 20px;margin:6px 0 8px;max-width:720px}
.abt-manifesto p{color:var(--muted);font-size:18px;line-height:1.55;margin:0}
.abt-block{padding:22px 0;border-top:1px solid var(--line);max-width:680px}
.abt-block:first-of-type{margin-top:20px}
.abt-block h3{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:16px;color:var(--ink);margin:0 0 8px;display:flex;align-items:center;gap:10px}
.abt-ico{width:22px;height:22px;flex:0 0 auto;color:var(--flame)}
.abt-block p{color:var(--muted);font-size:15px;line-height:1.64;margin:0}
.abt-block p b{color:var(--ink);font-weight:600}
.abt-fine{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin-top:8px;padding-top:22px;border-top:1px solid var(--line);max-width:720px}
.abt-fk{font-family:Oswald,'Arial Narrow',Arial,system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:11.5px;color:var(--faint);margin:0 0 5px}
.abt-fine p{color:var(--muted);font-size:13px;line-height:1.56;margin:0}
.abt-fine a{color:var(--flame);text-decoration:none}
.abt-fine a:hover{text-decoration:underline}
@media(max-width:560px){
  .hiw-scale{grid-template-columns:repeat(4,1fr)}
  .hiw-calls{grid-template-columns:1fr}
  .abt-fine{grid-template-columns:1fr}
}

/* ===== scoring lab (option comparison, Enter Results) ===== */
.labwrap{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:0 0 16px}
.labwrap>summary{cursor:pointer;list-style:none;padding:13px 16px;font-family:Oswald,'Arial Narrow',system-ui,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:10px}
.labwrap>summary::-webkit-details-marker{display:none}
.labwrap>summary .dot{color:var(--flame);font-size:11px}
.labcount{margin-left:auto;color:var(--faint);font-weight:400;font-family:Inter,system-ui,sans-serif;font-size:12px;text-transform:none;letter-spacing:0}
.labbody{padding:2px 14px 16px;overflow-x:auto}
table.lab{border-collapse:collapse;width:100%;min-width:540px}
table.lab th,table.lab td{padding:8px 9px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;font-size:13px}
table.lab th{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;color:var(--faint);font-weight:400}
table.lab th{position:static;top:auto;z-index:auto;background:transparent}
table.lab td:first-child,table.lab th:first-child{text-align:left;position:sticky;left:0;top:auto;background:var(--surface);z-index:1}
table.lab .ev{color:var(--faint);font-size:11px;margin-top:1px}
table.lab .num{font-family:'Space Mono',ui-monospace,monospace;color:var(--ink)}
table.lab .rec{color:var(--flame)}
table.lab tfoot td{font-family:Oswald,'Arial Narrow',system-ui,sans-serif;font-weight:600;color:var(--ink);border-top:2px solid var(--line);border-bottom:none}

.pf-cardhead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pf-cog{background:none;border:none;color:var(--faint);cursor:pointer;padding:4px;border-radius:8px;display:inline-flex}
.pf-cog:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.pf-socs{display:flex;gap:8px;margin-top:8px}
.pf-soc{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;color:var(--muted);background:rgba(255,255,255,.05);transition:.15s}
.pf-soc.yt:hover{color:#ff3d3d;background:rgba(255,61,61,.12)}
.pf-soc.x:hover{color:var(--ink);background:rgba(255,255,255,.1)}
.pf-settings{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.pf-set-blk{margin-bottom:14px}
.pf-set-h{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 8px 2px}
.pf-set-in{width:100%;padding:11px 12px;margin-bottom:8px}
.pf-set-msg{font-size:12.5px;margin:6px 2px 0;min-height:16px}
.pf-set-msg.ok{color:#35de8c}
.pf-set-msg.err{color:#ff6b4d}
.tow-lrow{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.tow-lrole{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);min-width:64px}
.tow-lnm{flex:1;font-weight:600}
.tow-lpts{min-width:34px;text-align:right}

.swrow{content-visibility:auto;contain-intrinsic-size:auto 64px}
.swmore{display:block;width:100%;margin:8px 0 2px;padding:11px;background:var(--surface3);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer}
.swmore:hover{border-color:var(--flame)}

/* ================= STATS TAB ================= */
.st-kick{font:700 11px/1 Oswald,sans-serif;letter-spacing:.3em;color:var(--flame);text-transform:uppercase}
.st-h{font:600 30px/1.1 Oswald,sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:8px 0 4px}
.st-h span{color:var(--flame)}
.st-sub{color:var(--muted);font-size:13px;margin-bottom:18px}
.st-sub b{color:var(--ink)}
.st-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.st-tile{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh-2);position:relative;overflow:hidden}
.st-tile::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--hair)}
.st-tile .lab{font:600 10px/1.3 Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.st-tile .val{font:600 30px/1.1 Oswald,sans-serif;margin-top:6px;font-variant-numeric:tabular-nums}
.st-tile .val small{font-size:16px;color:var(--muted);font-weight:500}
.st-tile .note{font-size:11.5px;color:var(--muted);margin-top:3px}
.st-tile.st-hero .val{color:var(--flame)}
.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.st-panel{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh-2);position:relative;overflow:hidden;min-width:0}
.st-panel::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--hair)}
.st-panel.wide{grid-column:1 / -1}
.st-ph{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:2px}
.st-ph h3{font:600 17px/1 Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0}
.st-ph .tag{font:700 9px/1 "Space Mono",monospace;letter-spacing:.14em;color:var(--faint)}
.st-pdesc{font-size:12px;color:var(--muted);margin:2px 0 12px}
.st-insight{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:12.5px;color:var(--muted)}
.st-insight b{color:var(--volt);font-weight:600}
.st-insight .flag{color:var(--flame);font-weight:600}
.st-legend{display:flex;gap:14px;flex-wrap:wrap;margin:2px 0 8px}
.st-lg{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}
.st-lg i{width:8px;height:8px;border-radius:2.5px;display:inline-block}
.st-callouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;grid-column:1 / -1}
.st-co{border-radius:var(--r);border:1px solid var(--line);padding:16px 18px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface2),var(--surface));box-shadow:var(--sh-2)}
.st-co::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stacc,var(--flame))}
.st-co .cok{font:700 10px/1 Oswald,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--stacc,var(--flame))}
.st-co .con{font:600 22px/1.1 Oswald,sans-serif;margin:8px 0 2px}
.st-co .con small{color:var(--muted);font-size:12.5px;font-family:Inter,system-ui,sans-serif;font-weight:500;letter-spacing:0}
.st-co .cost{font-size:12.5px;line-height:1.55;color:var(--muted);margin-top:7px}
.st-co .stats{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap}
.st-co .stats div{font:700 17px/1 "Space Mono",monospace}
.st-co .stats span{display:block;font:600 8.5px/1 Oswald,sans-serif;letter-spacing:.16em;color:var(--faint);text-transform:uppercase;margin-top:4px}
.st-lockcard{max-width:520px;margin:30px auto;text-align:center;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:var(--r);padding:34px 26px;box-shadow:var(--sh-2)}
.st-lockcard .big{font:600 26px/1.2 Oswald,sans-serif;text-transform:uppercase;margin:12px 0 8px}
.st-lockcard .cd{font:700 30px/1 "Space Mono",monospace;color:var(--flame);margin:16px 0 6px;font-variant-numeric:tabular-nums}
.st-lockcard p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:8px 0 0}
#sttip{position:fixed;pointer-events:none;background:#1d2432;border:1px solid var(--surface3);border-radius:9px;padding:8px 11px;font-size:12px;line-height:1.5;box-shadow:0 12px 30px rgba(0,0,0,.6);opacity:0;transition:opacity .12s;z-index:400;max-width:230px}
#sttip .tn{font-weight:700} #sttip .tm{color:var(--muted)}
.st-svg text{font-family:Inter,system-ui,sans-serif}
@media (prefers-reduced-motion: no-preference){
  .st-tile{opacity:0;animation:stUp .5s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(var(--i,0)*70ms)}
  .st-panel{opacity:0;animation:stUp .55s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(140ms + var(--i,0)*90ms)}
  .st-co{opacity:0;animation:stUp .5s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(200ms + var(--i,0)*90ms)}
  .st-lockcard{animation:stUp .6s cubic-bezier(.2,.7,.3,1) both}
  /* charts fade in as ONE composited layer per svg: per-element SVG transforms are
     NOT GPU-composited in Chromium, so animating 200+ bars/dots individually ran on
     the main thread every frame and hard-janked weaker machines ("freezing" reports) */
  .st-svg{opacity:0;animation:stFadeIn .55s forwards;animation-delay:.28s}
}
/* settle guard: whatever happens with the animation clock, everything is fully
   visible a few seconds after render (also covers reduced-capability WebViews) */
.st-settled .st-tile,.st-settled .st-panel,.st-settled .st-co,.st-settled .st-svg{opacity:1;animation:none}
@keyframes stUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes stFadeIn{to{opacity:1}}
@media(max-width:1080px){.st-callouts{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.st-tiles{grid-template-columns:1fr 1fr}.st-grid{grid-template-columns:1fr}.st-callouts{grid-template-columns:1fr}.st-h{font-size:24px}}


/* ====================================================================
   FX LAYER - addictive broadcast micro-interactions (additive only)
   ==================================================================== */

/* staggered entrance on tab switch */
@keyframes fx-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.fx-in{animation:fx-rise .58s cubic-bezier(.22,.9,.3,1) both;animation-delay:var(--fxd,0ms)}

/* draft pop - jersey snaps into the slot */
@keyframes fx-pop{0%{transform:translate(-50%,-50%) scale(.5)}55%{transform:translate(-50%,-50%) scale(1.18)}100%{transform:translate(-50%,-50%) scale(1)}}
.kit.fx-pop{animation:fx-pop .52s cubic-bezier(.34,1.56,.5,1)}
@keyframes fx-pop-sub{0%{transform:scale(.5)}55%{transform:scale(1.16)}100%{transform:scale(1)}}
.kit.sub.fx-pop{animation:fx-pop-sub .52s cubic-bezier(.34,1.56,.5,1)}

/* expanding flash ring on draft / captain */
.fx-ring{position:absolute;left:50%;top:48%;width:60px;height:60px;border-radius:50%;
  border:2px solid var(--rc,var(--volt));transform:translate(-50%,-50%) scale(.3);
  pointer-events:none;z-index:9;box-shadow:0 0 16px var(--rc,var(--volt));
  animation:fx-ring .68s cubic-bezier(.2,.6,.2,1) forwards}
@keyframes fx-ring{to{transform:translate(-50%,-50%) scale(2.7);opacity:0}}

/* over-cap shake */
@keyframes fx-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
.bar.fx-shake{animation:fx-shake .5s cubic-bezier(.36,.07,.19,.97)}

/* countdown digit flip-roll */
@keyframes fx-flip{0%{transform:translateY(-72%);opacity:0;filter:blur(2px)}55%{opacity:1;filter:blur(0)}100%{transform:translateY(0)}}
.cd-num.fx-flip{animation:fx-flip .5s cubic-bezier(.2,.8,.2,1)}

/* number-roll glow */
.fx-rolling{filter:brightness(1.18) saturate(1.1)}

/* login success tick */
@keyframes tick-in{0%{opacity:0}100%{opacity:1}}
@keyframes tick-out{to{opacity:0}}
@keyframes tick-draw{to{stroke-dashoffset:0}}
.tickwrap{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none;background:rgba(8,10,14,.45);animation:tick-in .24s ease both}
.tickwrap.out{animation:tick-out .4s ease forwards}
.tickcard{display:flex;flex-direction:column;align-items:center;gap:14px;transform:translateY(-4px)}
.ticksvg circle.ring{stroke-dasharray:308;stroke-dashoffset:308;animation:tick-draw .55s cubic-bezier(.2,.8,.2,1) .05s forwards}
.ticksvg path.chk{stroke-dasharray:80;stroke-dashoffset:80;animation:tick-draw .4s cubic-bezier(.2,.8,.2,1) .42s forwards}
.tickmsg{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:15px;color:#eafff6}

/* profile badges + history */
.badge-shelf{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.badge-chip{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:8px 13px 8px 9px}
.badge-medal{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.04)}
.badge-txt b{display:block;font-size:14px;line-height:1.15;font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif}
.badge-txt span{font-size:11px;color:var(--muted);font-family:'Space Mono',ui-monospace,'Courier New',monospace;letter-spacing:.04em}
.hist-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line)}
.hist-row:last-child{border-bottom:none}
.hist-sub{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.hist-pts{font-size:13px;color:var(--muted);white-space:nowrap}
.hist-pts b{color:var(--gold);font-size:15px}
.segtabs{display:inline-flex;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:11px;padding:3px;gap:3px;margin:4px 0 2px}
.segtabs button{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;color:var(--muted);background:none;border:none;border-radius:8px;padding:7px 16px;cursor:pointer;transition:all .15s}
.segtabs button.on{background:var(--flame);color:#0b0d12}
.season-ctl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px;flex-wrap:wrap}
.minpill{display:inline-flex;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:999px;padding:6px 13px 6px 7px;cursor:pointer;transition:all .15s}
.minpill.on{color:var(--ink);border-color:var(--flame)}
.mp-box{width:16px;height:16px;border-radius:5px;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;color:#0b0d12;background:transparent}
.minpill.on .mp-box{background:var(--flame);border-color:var(--flame)}
.season-cnt{font-size:12px;color:var(--muted)}
.season-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.season-table{width:100%;border-collapse:collapse;font-family:Inter,system-ui,sans-serif;min-width:460px}
.season-table th,.season-table td{padding:11px 12px;text-align:right;white-space:nowrap}
.season-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.season-table th.sortable{cursor:pointer;user-select:none}
.season-table th.act{color:var(--flame)}
.season-table .s-rank{width:34px;text-align:center;color:var(--muted)}
.season-table .s-mgr{text-align:left;font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:16px;letter-spacing:.02em;color:var(--ink)}
.season-table td{font-size:13px;color:var(--ink);border-bottom:1px solid rgba(255,255,255,.05)}
.season-table tbody tr:last-child td{border-bottom:none}
.season-table .s-avg b{color:var(--flame);font-size:15px}
.season-table tr.s-first td{background:rgba(255,90,51,.06)}
.season-table tr.s-first .s-rank{color:var(--flame);font-weight:700}
.sc-ar{font-size:9px}
.pf-carat{font-size:9px;color:var(--muted)}
.pf-detail{display:none}
.pf-detail.show{display:block;padding:10px 2px 6px}
.season-table tr.s-detail{display:none}
.season-table tr.s-detail.show{display:table-row}
.season-table tr.s-detail>td{padding:0;background:rgba(255,255,255,.02);border-bottom:1px solid var(--line)}
.pf-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.pf-badge{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600;color:var(--gold);background:rgba(246,201,91,.12);border:1px solid rgba(246,201,91,.35);border-radius:999px;padding:3px 9px}
/* ===== profile revamp ===== */
.pf{max-width:600px}
.pf-hero{display:flex;align-items:center;gap:16px;margin:14px 0 4px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--surface2),var(--surface));position:relative;overflow:hidden}
.pf-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0,rgba(255,90,51,.1),transparent 60%);pointer-events:none}
.pf-hero .mgr-av{border-radius:50%}
.pf-hero-id{min-width:0;flex:1}
.pf-hero-name{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:26px;line-height:1.05;color:var(--ink);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-hero-sub{margin-top:4px;font-size:12.5px;color:var(--muted)}
.pf-hero-lg{color:var(--ink)}
.pf-dot{color:var(--faint);margin:0 3px}
.pf-rankchip{display:inline-flex;align-items:center;gap:7px;margin-top:11px;padding:5px 12px 5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-family:Oswald,'Arial Narrow',Arial,sans-serif}
.pf-rankchip.pod{border-color:rgba(246,201,91,.4);background:rgba(246,201,91,.08)}
.pf-rankchip b{font-size:15px;color:var(--ink)}
.pf-rankchip>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:Inter,system-ui,sans-serif;font-weight:600}
.pf-rankchip .trophy svg{width:16px;height:16px}
.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}
.pf-stat{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);padding:13px 10px;text-align:center}
.pf-stat b{display:block;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:24px;color:var(--ink);line-height:1}
.pf-stat span{display:block;margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.pf-card{margin-top:14px}
.pf-cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.pf-tag{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--flame);background:rgba(255,90,51,.1);border:1px solid rgba(255,90,51,.25);border-radius:999px;padding:3px 11px}
.pf-count{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:12px;color:var(--muted)}
.pf-bars{display:flex;flex-direction:column;gap:11px;margin-top:12px}
.pf-bar-row{display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:11px}
.pf-bar-lab{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}
.pf-bar{height:9px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}
.pf-bar i{display:block;height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}
.pf-bar i.g-sprint{background:linear-gradient(90deg,#d93a74,var(--d-spr))}
/* system colours: distance = mint, jumps = blue (matches scorecard + leaderboard) */
.pf-bar i.g-distance{background:linear-gradient(90deg,#2f7fd6,var(--d-dst))}
.pf-bar i.g-jump{background:linear-gradient(90deg,#7c5fe0,var(--d-jmp))}
.pf-bar i.g-throw{background:linear-gradient(90deg,#9fc92e,var(--d-thr))}
.pf-bar-val{display:inline-flex;align-items:center;gap:6px;min-width:44px;justify-content:flex-end}
.pf-bar-val b{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:15px;color:var(--ink)}
.pf-bar-val em{font-style:normal;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:11px;color:var(--muted);display:inline-flex;align-items:center}
.pf-bar-val em .trophy svg{width:13px;height:13px}
.pf-empty{margin-top:10px;padding:16px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}
.pf-empty p{margin:6px 0 0;font-size:13px;line-height:1.5}
.pf-empty-ic{font-size:26px;letter-spacing:10px;color:var(--faint)}
.pf-rounds{margin-top:8px}
.pf-round{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);transition:background .12s}
.pf-round:last-of-type{border-bottom:none}
.pf-round:not(.flat){cursor:pointer}
.pf-round:not(.flat):hover{background:rgba(255,255,255,.02)}
.pf-rk{flex:0 0 auto;min-width:30px;display:flex;justify-content:center;align-items:center}
.pf-rk .trophy svg{width:20px;height:20px}
.pf-rk-n{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:15px;color:var(--muted)}
.pf-rd-id{flex:1;min-width:0}
.pf-rd-id b{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;font-size:16px;color:var(--ink);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-rd-id span{display:block;font-size:11px;color:var(--muted);margin-top:1px}
.pf-rd-pts{flex:0 0 auto;text-align:right;font-family:Oswald,'Arial Narrow',Arial,sans-serif;line-height:1}
.pf-rd-pts b{font-size:19px;color:var(--gold)}
.pf-rd-pts span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px}
.pf-round.open .st-chev{transform:rotate(180deg);color:var(--volt)}
.pf-acct{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:14px;color:var(--muted)}
.pf-acct b{color:var(--ink);font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;font-size:15px}
@media(max-width:560px){
  .pf-hero-name{font-size:22px}
  .pf-stat b{font-size:21px}
  .pf-bar-row{grid-template-columns:58px 1fr auto;gap:9px}
}
.pf-lineup{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.pf-grp{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.pf-glabel{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:var(--flame);margin-bottom:5px}
.pf-pick{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);padding:2px 0;font-family:Inter,system-ui,sans-serif}
.pf-c{font-size:9px;font-weight:700;background:var(--gold);color:#2a1e00;border-radius:4px;padding:1px 4px;line-height:1.3}
.sd-round{padding:12px 14px}
.sd-round+.sd-round{border-top:1px solid var(--line)}
.sd-rhead{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:var(--muted);margin-bottom:8px}
.sd-rhead b{color:var(--flame)}
.adm-tlist{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto;margin-top:4px}
.adm-trow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px;border-bottom:1px solid var(--line)}
.adm-trow:last-child{border-bottom:none}
.adm-trow b{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;font-size:15px}
.adm-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-left:6px}
.adm-rm{color:var(--danger);border-color:var(--danger)} .scd.g-jump b{color:var(--d-jmp)} .scd.g-throw b{color:var(--d-thr)}
.trophy{display:inline-flex;line-height:1;vertical-align:middle}
.trophy svg{display:block;animation:tShine 2.6s ease-in-out infinite}
.trophy-2 svg{animation-delay:.35s}
.trophy-3 svg{animation-delay:.7s}
@keyframes tShine{0%,100%{filter:brightness(1)}45%{filter:brightness(1.7) drop-shadow(0 0 2px currentColor)}}
@media (prefers-reduced-motion:reduce){.trophy svg{animation:none}}
.sort-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 2px}
.sort-lab{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:2px}
.sort-chip{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;transition:all .12s}
.sort-chip.on{background:var(--flame);color:#0b0d12;border-color:var(--flame)}
.sort-sep{width:1px;height:16px;background:var(--line);margin:0 3px} .lgd-l.g-jump{color:var(--d-jmp)} .lgd-l.g-throw{color:var(--d-thr)}
.lg-track{margin:0 15px 14px;width:calc(100% - 30px)}
/* ===== unified standings redesign ===== */
.mgr-av{display:inline-grid;place-items:center;border-radius:11px;color:#fff;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:.02em;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 8px -3px rgba(0,0,0,.6);text-shadow:0 1px 2px rgba(0,0,0,.4)}
.mgr-av.img{background-size:cover;background-position:center;color:transparent;text-shadow:none}
/* forum PFPs are always circular - posts, replies and thread rows had the default
   rounded-square while the board used circles, so avatars looked inconsistent */
.fm-post .mgr-av,.fm-rep .mgr-av,.fm-head .mgr-av,.fth .mgr-av{border-radius:50%}
.pf-avwrap{position:relative;display:inline-block;cursor:pointer;flex:0 0 auto}
.pf-avwrap .mgr-av{border-radius:50%;display:block}
.pf-avcam{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:var(--flame);color:#160600;border:2px solid var(--bg2);box-shadow:0 2px 6px -2px rgba(0,0,0,.7);transition:transform .15s}
.pf-avwrap:hover .pf-avcam{transform:scale(1.08)}
.pf-avwrap:hover .mgr-av{filter:brightness(.82)}
/* ===== athlete detail modal ===== */
.kit[onclick]{cursor:pointer}
/* ===== interaction feel: instant tap feedback everywhere ===== */
button,.kit[onclick],.strow-top,.pod-cell,.pf-round:not(.flat),.pf-avwrap,.lgpill,.sort-chip,.minpill{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn:active{transform:translateY(1px)}
.segtabs button:active,.sort-chip:active,.lgpill:active,.minpill:active,.tog:active,.add:active,.adm-rm:active{transform:scale(.96)}
.strow-top:active,.sc-row:active,.pf-round:not(.flat):active{background:rgba(255,255,255,.05)}
.pod-cell:active{transform:translateY(-1px) scale(.985)}
.kit[onclick]:active{transform:translate(-50%,-50%) scale(.94);transition:transform .08s}
.ath-x:active,.rmx:active,.swp:active{transform:scale(.9)}
@media (prefers-reduced-motion:reduce){.btn:active,.segtabs button:active,.sort-chip:active,.lgpill:active,.minpill:active,.tog:active,.add:active,.adm-rm:active,.pod-cell:active,.kit[onclick]:active,.ath-x:active,.rmx:active,.swp:active{transform:none}}
.ath-ov{position:fixed;inset:0;z-index:200;background:rgba(4,6,10,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:athIn .16s ease}
@keyframes athIn{from{opacity:0}to{opacity:1}}
.ath-card{position:relative;width:100%;max-width:400px;background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 30px 80px -30px rgba(0,0,0,.9);animation:athPop .18s cubic-bezier(.2,.8,.3,1)}
@keyframes athPop{from{transform:translateY(10px) scale(.98);opacity:.5}to{transform:none;opacity:1}}
.ath-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);font-size:12px;cursor:pointer;display:grid;place-items:center;transition:all .15s}
.ath-x:hover{color:var(--ink);border-color:var(--muted)}
.ath-hd{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-right:26px}
.ath-jersey{width:62px;height:62px;flex:0 0 auto}
.ath-jersey svg,.ath-jersey img{width:100%;height:100%;display:block}
/* Photoreal PNG kits are 3:4. Keep them contained inside the existing (square)
   jersey slots so they sit at the same footprint as the old kits, never distorted. */
.jersey-img{object-fit:contain;object-position:center;display:block}
.ath-id{min-width:0}
.ath-nm{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:20px;color:var(--ink);line-height:1.08;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ath-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
/* kit-plate pills (approved P1): gold Space Mono price + dark SB chip */
.ath-meta{display:flex;align-items:center;gap:7px;margin-top:7px;flex-wrap:wrap}
.pill-price{background:var(--gold);color:#241a00;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-weight:700;font-size:11.5px;border-radius:7px;padding:2px 9px;line-height:1.5}
.pill-sb{background:#0b0d12;color:#fff;font-size:11px;font-weight:600;border-radius:7px;padding:2px 9px;line-height:1.6;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.ath-when{font-size:11.5px;color:var(--volt);margin-top:4px;font-family:Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:.03em}
.np-when{font-size:11px;color:var(--muted);margin-top:11px}
.ath-cbadge{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:11px;font-weight:700;color:#160600;background:var(--gold);border-radius:6px;padding:1px 7px;line-height:1.5}
.ath-cbadge.v{background:var(--volt);color:#06231b}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;margin-top:10px}
.adm-slot .lbl{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.np-selby{margin-top:10px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.04);font-size:12px;color:var(--muted);line-height:1.5}
.np-selby b{color:var(--ink)}
.np-selname{color:var(--volt);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.tow-pow{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:24px;font-weight:700;margin-top:4px}
.tow-powpts{color:var(--volt);font-weight:700}
.tow-row{display:flex;align-items:baseline;gap:9px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}
.tow-row:last-child{border-bottom:none}
.tow-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tow-nm i{font-style:normal;color:var(--muted);font-size:11px;margin-left:6px}
.tow-up{color:var(--volt)} .tow-dn{color:#ff8266}
/* ---- Team of the Meet: unified card ---- */
.towcard{padding:0;overflow:hidden;margin-top:16px}
.towcard-hd{display:flex;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(255,90,51,.15),rgba(255,90,51,.03) 55%,transparent)}
.towcard-hd .tow-star{width:22px;height:22px;font-size:12px;background:linear-gradient(160deg,#8dffd2,var(--volt));color:#06331f;box-shadow:0 2px 8px rgba(39,230,166,.4)}
.towcard-ttl{font-family:Oswald,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em;font-weight:700;font-size:16.5px;color:var(--ink)}
.towcard-live{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--flame);border:1px solid rgba(255,90,51,.42);border-radius:999px;padding:2px 7px;line-height:1}
.towcard-pts{margin-left:auto;text-align:right;font-family:'Space Mono',ui-monospace,'Courier New',monospace;line-height:1}
.towcard-pts b{font-size:23px;color:var(--volt)}
.towcard-pts span{display:block;font-size:8.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-top:2px}
.towcard-body{display:grid;grid-template-columns:minmax(148px,185px) 1fr}
.towcard-pow{padding:16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(39,230,166,.055),transparent 70%)}
.towcard-pow .tow-pow{font-size:27px;margin-top:5px;line-height:1.05}
.towcard-cols{display:grid;grid-template-columns:1fr 1fr}
.towcard-col{padding:16px 18px;min-width:0}
.towcard-col+.towcard-col{border-left:1px solid var(--line)}
.towcard-col .eyebrow,.towcard-pow .eyebrow{display:block;margin-bottom:9px}
.towcard .tow-row{align-items:center;padding:7px 0}
.towcard .tow-row:last-child{border-bottom:none;padding-bottom:0}
.tow-delta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.15;flex:0 0 auto}
.tow-delta b{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:15px}
.tow-delta .tow-sub{font-size:10px;margin-top:1px}
.towcard-foot{padding:12px 18px;border-top:1px solid var(--line);text-align:center;background:rgba(255,255,255,.014)}
@media(max-width:640px){
  .towcard-body{grid-template-columns:1fr}
  .towcard-pow{border-right:none;border-bottom:1px solid var(--line)}
  .towcard-cols{grid-template-columns:1fr}
  .towcard-col+.towcard-col{border-left:none;border-top:1px solid var(--line)}
}
.tow-sub{color:var(--muted);font-size:11px}
#suPop .supop-back{position:fixed;inset:0;background:rgba(4,7,12,.72);z-index:220;backdrop-filter:blur(2px)}
#suPop .supop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:221;width:min(92vw,420px);background:#10151d;border:1px solid var(--gold);border-radius:16px;padding:26px 24px;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.6)}
#suPop .supop-ic{font-size:38px;margin-bottom:6px}
#suPop .supop h3{margin:0 0 8px;font-size:22px}
#suPop .supop p{margin:0;color:#c8d0dc;font-size:14.5px;line-height:1.55}
/* How-to-play guide modal (the ? on My Team) */
#hpPop .hp-back{position:fixed;inset:0;background:rgba(4,7,12,.74);z-index:230;backdrop-filter:blur(3px);animation:hp-fade .2s ease both}
#hpPop .hp-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:231;width:min(94vw,460px);max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#121924,#0d121a);border:1px solid var(--line);border-radius:20px;padding:24px 22px 22px;box-shadow:0 24px 70px rgba(0,0,0,.65);animation:hp-rise .24s cubic-bezier(.2,.9,.3,1) both;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}
#hpPop .hp-card::-webkit-scrollbar{width:9px}
#hpPop .hp-card::-webkit-scrollbar-track{background:transparent}
#hpPop .hp-card::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px;border:2px solid #0d121a;background-clip:padding-box}
#hpPop .hp-card::-webkit-scrollbar-thumb:hover{background:#2f3848;border-color:#0d121a}
#hpPop .hp-ey{display:flex;align-items:center;justify-content:space-between;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
#hpPop .hp-x{width:26px;height:26px;border:none;background:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;border-radius:50%;transition:.14s}
#hpPop .hp-x:hover{color:var(--ink);background:var(--surface2)}
#hpPop h3{margin:10px 0 6px;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:.01em;color:var(--ink)}
#hpPop .hp-lead{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.55}
#hpPop .hp-step{display:flex;gap:14px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);margin-bottom:10px}
#hpPop .hp-n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--volt);color:var(--volt);display:flex;align-items:center;justify-content:center;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:14px;font-weight:700}
#hpPop .hp-b b{display:block;font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:3px}
#hpPop .hp-b span{display:block;font-size:13.5px;line-height:1.5;color:var(--muted)}
#hpPop .hp-go{width:100%;margin-top:6px}
#hpPop .hp-full{display:block;text-align:center;margin-top:12px;font-size:12.5px;color:var(--muted);background:none;border:none;width:100%;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.hp-p{margin:0 0 12px;color:var(--muted);font-size:13.5px;line-height:1.6}
.hp-p b{color:var(--ink)}
.hp-sec{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--volt);margin:17px 0 9px;padding-top:15px;border-top:1px solid var(--line)}
.hp-form{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.hp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);font-size:12px;color:var(--muted)}
.hp-chip b{color:var(--volt);font-family:'Space Mono',ui-monospace,'Courier New',monospace}
.hp-scale{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 11px}
.hp-pl{display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-width:40px;padding:6px 0;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.hp-pl b{font-family:'Space Mono',ui-monospace,'Courier New',monospace;font-size:15px;color:var(--ink)}
.hp-bon{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.hp-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;border:1px solid var(--line);color:var(--muted)}
.hp-tag.hot{color:#ffd36a;border-color:rgba(255,180,60,.4)}
.hp-note{font-size:11px;color:var(--faint)}
#hpPop .hp-full:hover{color:var(--volt)}
@keyframes hp-fade{from{opacity:0}to{opacity:1}}
@keyframes hp-rise{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){#hpPop .hp-back,#hpPop .hp-card{animation:none}}
/* matches the leaderboard's over/underperformed treatment: trend-line icon, mono
   uppercase label in faint ink, delta in the trend colour - no emoji, no loud fills */
/* inverted banner (approved P1): solid fill, dark ink - volt for over, flame for
   under, grey for par */
.perfban{margin-top:11px;padding:8px 11px;border-radius:9px;display:flex;align-items:center;gap:7px}
.perfban svg{width:13px;height:13px;flex:none}
.perfban .pb-lab{font-family:'Space Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;line-height:1;font-weight:700}
.perfban .pb-delta{margin-left:auto;font-family:'Space Mono',ui-monospace,monospace;font-size:11px;white-space:nowrap;font-weight:700}
.perfban.over{background:var(--volt);border:1px solid var(--volt)}
.perfban.over svg,.perfban.over .pb-lab,.perfban.over .pb-delta{color:#06231b}
.perfban.under{background:var(--flame);border:1px solid var(--flame)}
.perfban.under svg,.perfban.under .pb-lab,.perfban.under .pb-delta{color:#2b0d04}
.perfban.par{background:#39404f;border:1px solid #39404f}
.perfban.par svg,.perfban.par .pb-lab,.perfban.par .pb-delta{color:#e7ebf2}
.ath-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
.ath-stat{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);padding:11px 8px;text-align:center}
.ath-stat b{display:block;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:20px;color:var(--ink);line-height:1}
.ath-stat b i{font-style:normal;font-size:13px;color:var(--muted)}
.ath-stat span{display:block;margin-top:4px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.ath-live{text-align:center;margin-bottom:14px}
.ath-bignum{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:50px;color:var(--volt);line-height:1}
.ath-bignum span{font-size:15px;color:var(--muted);margin-left:6px}
.ath-place{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:14px;color:var(--ink);margin-top:3px;letter-spacing:.02em}
.ath-sb{margin-top:14px;font-size:12.5px;color:var(--muted);text-align:center}
.ath-sb b{color:var(--ink);font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:14px;margin-left:4px}
.ath-flag{margin-top:10px;font-size:12px;color:var(--gold);text-align:center}
@media(max-width:480px){.ath-grid{grid-template-columns:1fr 1fr}.ath-bignum{font-size:42px}}
.board-ctx{margin:2px 0 14px;color:var(--muted)}
.reg-pill{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;vertical-align:middle}
.av-link{cursor:pointer;display:inline-flex;border-radius:12px;transition:transform .12s}
.av-link:hover{transform:scale(1.07)}
.who-wrap{position:relative;display:inline-block}
.who-id{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 5px;cursor:pointer;color:var(--ink);font:inherit;transition:border-color .15s}
.who-id:hover{border-color:var(--muted)}
.who-id .mgr-av{border-radius:999px}
.who-id b{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:14px;letter-spacing:.02em}
.who-car{font-style:normal;font-size:9px;color:var(--faint)}
.who-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:6px;display:none;z-index:60;box-shadow:0 18px 40px -18px rgba(0,0,0,.85)}
.who-menu.open{display:block}
.who-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--ink);font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:13.5px;letter-spacing:.03em;padding:9px 12px;border-radius:8px;cursor:pointer}
.who-menu button:hover{background:rgba(255,255,255,.05)}
/* search */
.swapq-wrap{flex:1 1 130px;min-width:110px}
.swapq{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-size:13px;padding:7px 11px;outline:none}
.swapq:focus{border-color:var(--volt)}
/* medals */
.medal{position:absolute;top:-7px;left:-7px;z-index:7;width:19px;height:19px;box-sizing:border-box;border-radius:999px;display:flex;align-items:center;justify-content:center;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:11px;line-height:1;padding-top:.5px;color:#1b1405;border:2px solid var(--bg2);box-shadow:0 2px 6px -2px rgba(0,0,0,.8)}
.medal.m1{background:linear-gradient(160deg,#ffe9a8,var(--gold))}
.totwstar{position:absolute;top:-7px;right:-7px;z-index:7;width:19px;height:19px;box-sizing:border-box;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:#06331f;background:linear-gradient(160deg,#8dffd2,var(--volt,#27E6A6));border:2px solid var(--bg2);box-shadow:0 2px 6px -2px rgba(0,0,0,.8)}
.totwstar:hover{filter:brightness(1.08)}
.tow-star{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:linear-gradient(160deg,#8dffd2,var(--volt,#27E6A6));color:#06331f;font-size:9.5px;line-height:1;vertical-align:middle;margin-right:6px;border:1.5px solid var(--bg2)}
.ftloader{max-width:420px;margin:70px auto;text-align:center;padding:30px 24px}
/* Boot loader: a tapered comet laps a hairline track around the FT mark.
   The comet is one conic gradient with a masked-out centre, so it has no seam. */
.ftspin-wrap{position:relative;width:104px;height:104px;margin:0 auto 18px}
.ftspin-track{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.06)}
.ftspin-halo{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(255,90,51,0) 0deg,rgba(255,90,51,0) 200deg,rgba(255,90,51,.55) 310deg,var(--flame) 352deg,#FFD9CC 360deg);
  -webkit-mask:radial-gradient(circle,transparent 0 45px,#000 46.5px);
  mask:radial-gradient(circle,transparent 0 45px,#000 46.5px);
  animation:ftspin 1.15s cubic-bezier(.5,.12,.5,.88) infinite}
.ftspin-mark{position:absolute;left:50%;top:50%;width:62px;height:auto;transform:translate(-50%,-50%);display:block}
/* No conic-gradient or mask support -> a plain flame ring rather than a solid disc. */
@supports not ((-webkit-mask:radial-gradient(#000,#000)) or (mask:radial-gradient(#000,#000))){
  .ftspin-halo{background:none;border:3px solid rgba(255,90,51,.18);border-top-color:var(--flame)}
}
@media (max-width:420px){
  .ftspin-wrap{width:84px;height:84px}
  .ftspin-halo{-webkit-mask:radial-gradient(circle,transparent 0 36px,#000 37.5px);mask:radial-gradient(circle,transparent 0 36px,#000 37.5px)}
  .ftspin-mark{width:50px}
}
/* Parking the comet mid-arc reads as deliberate; a stopped dot reads as broken. */
@media (prefers-reduced-motion: reduce){.ftspin-halo{animation:none;transform:rotate(300deg)}}
@keyframes ftspin{to{transform:rotate(360deg)}}
.medal.m2{background:linear-gradient(160deg,#eef2f8,#aab4c4);color:#1c222d}
.medal.m3{background:linear-gradient(160deg,#e8b98d,#b0713c);color:#2a1504}
.st-rank .medal,.psc .medal{position:static;border-color:transparent;width:21px;height:21px}
/* trophy shelf */
.tro-shelf{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(20,26,36,.9),rgba(10,14,21,.95));box-shadow:0 6px 18px -12px rgba(0,0,0,.9) inset}
.tro{display:flex;flex-direction:column;align-items:center;gap:5px;width:62px;padding:6px 2px;border-radius:8px;transition:transform .22s cubic-bezier(.2,.8,.3,1),background .22s,box-shadow .22s;cursor:pointer;position:relative;transform-origin:center bottom;will-change:transform}
.tro:hover,.tro:focus-visible,.tro.zoom{transform:translateY(-6px) scale(1.85);background:rgba(217,180,90,.1);box-shadow:0 20px 34px -14px rgba(0,0,0,.85);z-index:30;outline:none}
.tro:hover .tro-img,.tro:focus-visible .tro-img,.tro.zoom .tro-img{filter:drop-shadow(0 9px 15px rgba(0,0,0,.7)) drop-shadow(0 0 11px rgba(246,201,91,.28))}
.tro:hover .tro-lab,.tro:focus-visible .tro-lab,.tro.zoom .tro-lab{color:var(--gold);max-width:none;overflow:visible}
/* touch has no hover: a tap now TOGGLES the zoom (troTap), and the zoomed trophy grows a
   caption bubble with the full title - :active alone only flashed while the finger
   covered the card, which read as "trophies don't work on my phone" */
.tro.zoom::after{content:attr(data-full);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%) scale(.54);transform-origin:top center;background:#0b0d12;border:1px solid var(--gold);color:var(--ink);font-size:10px;line-height:1.35;padding:4px 8px;border-radius:7px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.6);pointer-events:none}
.tro-img{height:58px;width:auto;filter:drop-shadow(0 5px 9px rgba(0,0,0,.65))}
.tro-img.tro-disc{height:42px;margin-top:16px}
.tro-lab{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.25;max-width:60px;overflow:hidden;text-overflow:ellipsis}
.tro-star{position:absolute;top:4px;right:8px;z-index:4;width:17px;height:17px;border-radius:50%;background:var(--gold);color:#241a00;display:grid;place-items:center;font-size:10px;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.pf-cab-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
/* profile "★ N × Overall wins" pill: site pill style (Rajdhani, 4px radius, centred) - gold kept */
.pf-overall-count{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:var(--rd-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--gold);background:rgba(246,201,91,.12);border:1px solid rgba(246,201,91,.35);border-radius:4px;padding:5px 10px 4px;white-space:nowrap;vertical-align:middle}
/* past-meet scoring cards */
.psc-list{margin-top:10px;display:flex;flex-direction:column;gap:2px}
.psc{display:flex;align-items:center;gap:9px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}
.psc:last-child{border-bottom:none}
.psc-role{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);min-width:64px}
.psc-nm{flex:1;color:var(--ink)}
.psc-pts{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:15px;color:var(--gold);min-width:34px;text-align:right}
/* season schedule infographic */
.sch-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:4px}
.sch-head h2{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(26px,5vw,40px);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0}
.sch-head h2 em{font-style:normal;color:var(--flame)}
.sch-sub{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:6px 0 18px}
.sch-list{display:flex;flex-direction:column;gap:12px;max-width:640px}
.sch-row{display:flex;align-items:center;gap:15px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);transition:border-color .14s,background .14s}
.sch-row:hover{border-color:var(--surface3);background:rgba(255,255,255,.03)}
/* Finished meets recede through colour, not a blanket opacity: fading the whole row
   also veils the flag and the border, which reads as out-of-focus rather than past. */
.sch-row.done{background:transparent;border-color:rgba(38,46,61,.55)}
.sch-row.done .sch-flag{opacity:.72;box-shadow:0 0 0 1px rgba(255,255,255,.055)}
.sch-row.done .sch-when{color:#454F60}
.sch-row.done .sch-city{color:var(--muted)}
.sch-row.done .sch-btn{color:var(--faint);border-color:rgba(38,46,61,.7)}
.sch-row.done:hover{background:rgba(255,255,255,.022);border-color:var(--line)}
.sch-row.done:hover .sch-city{color:var(--ink)}
.sch-row.done:hover .sch-flag{opacity:1}
.sch-row.now{border-color:var(--volt);background:rgba(39,230,166,.05)}
.sch-flag{flex:0 0 auto;width:36px;height:24px;border-radius:3px;overflow:hidden;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.09)}
.sch-flag svg{display:block;width:100%;height:100%}
.sch-meta{flex:1 1 auto;min-width:0}
.sch-when{font-family:Inter,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.sch-row.now .sch-when{color:var(--volt)}
.sch-city{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;font-size:clamp(16px,3vw,20px);letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sch-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;cursor:pointer;transition:.14s}
.sch-btn:hover{color:var(--volt);border-color:var(--volt)}
.sch-btn.now{color:var(--volt);border-color:var(--volt);background:rgba(39,230,166,.12)}
.sch-btn svg{width:13px;height:13px}
.sch-up{flex:0 0 auto;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:6px 2px}
@media(max-width:560px){.sch-row{gap:10px;padding:11px 12px}.sch-ic{width:44px;height:44px}.sch-ic svg{width:27px;height:27px}.sch-r{width:40px;height:46px}.sch-r b{font-size:18px}.sch-date{flex-basis:100px;padding-left:10px;letter-spacing:.06em}}
/* forum */
.fm-comp{margin-top:14px}
.fm-comp .tin,.fm-replybox .tin{background:#0c1017;color:var(--ink);border:1px solid var(--line);color-scheme:dark;-webkit-appearance:none;appearance:none}
.fm-comp .tin:focus,.fm-replybox .tin:focus{border-color:var(--volt);outline:none;box-shadow:0 0 0 3px rgba(39,230,166,.12)}
.fm-comp .tin::placeholder,.fm-replybox .tin::placeholder{color:var(--faint)}
.fm-comp input.tin{margin-bottom:9px;text-transform:none}
.fm-comp textarea.tin{text-transform:none}
.fm-comp textarea{width:100%;resize:vertical;text-transform:none}
.wl-comp-wrap{margin-bottom:14px}
.wl-comp textarea.tin{width:100%;resize:vertical;text-transform:none;background:#0c1017;color:var(--ink);border:1px solid var(--line);color-scheme:dark;-webkit-appearance:none;appearance:none}
.wl-comp textarea.tin:focus{border-color:var(--volt);outline:none;box-shadow:0 0 0 3px rgba(39,230,166,.12)}
.wl-comp textarea.tin::placeholder{color:var(--faint)}
.wl-tools{display:flex;align-items:center;gap:10px}
.wl-list{display:flex;flex-direction:column;gap:13px}
.wl-c{display:flex;gap:10px;align-items:flex-start}
.wl-body{flex:1;min-width:0}
.wl-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.fm-post{margin-top:12px}
.fm-head{display:flex;align-items:center;gap:10px}
.fm-id{flex:1;display:flex;align-items:baseline;gap:9px;min-width:0}
.fm-user{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;color:var(--ink);cursor:pointer}
.fm-user:hover{color:var(--volt)}
.fm-time{font-size:11px;color:var(--faint)}
.fm-del{background:none;border:none;color:var(--faint);cursor:pointer;font-size:12px;padding:4px}
.fm-del:hover{color:var(--flame)}
.fm-del-sm{font-size:10px;padding:2px 4px}
.fm-text{margin-top:9px;color:#d6dce8;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.fm-acts{margin-top:9px}
.fm-link{background:none;border:none;color:var(--volt);font:inherit;font-size:12.5px;cursor:pointer;padding:0}
.fm-link:hover{text-decoration:underline}
.fm-reps{margin-top:10px;border-left:2px solid var(--line);padding-left:12px;display:flex;flex-direction:column;gap:10px}
.fm-rep{display:flex;gap:9px;align-items:flex-start}
.fm-rbody{min-width:0;flex:1}
.fm-rbody .fm-text{margin-top:3px;font-size:13px}
.fm-rvotes{display:inline-flex;align-items:center;gap:4px;margin-left:8px;vertical-align:middle}
.fm-rvote{background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);width:20px;height:16px;font-size:8px;cursor:pointer;display:inline-grid;place-items:center;padding:0;transition:all .12s}
.fm-rvote:hover:not(:disabled){border-color:var(--faint);color:var(--ink)}
.fm-rvote:disabled{opacity:.35;cursor:default}
.fm-rvote.on-up{border-color:var(--volt);color:var(--volt);background:rgba(39,230,166,.1)}
.fm-rvote.on-down{border-color:var(--flame);color:var(--flame);background:rgba(255,90,51,.1)}
.fm-rscore{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:11px;color:var(--muted);line-height:1}
.fm-rscore.pos{color:var(--volt)}
.fm-rscore.neg{color:var(--flame)}
.fm-replybox{display:flex;gap:8px;margin-top:10px}
.fm-replybox .tin{flex:1;text-transform:none}
.fm-postrow{display:flex;gap:14px;align-items:flex-start}
.fm-main{flex:1;min-width:0}
.fm-votes{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;padding-top:2px}
.fm-vote{background:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);width:28px;height:24px;font-size:10px;cursor:pointer;display:grid;place-items:center;transition:all .12s}
.fm-vote:hover:not(:disabled){border-color:var(--faint);color:var(--ink)}
.fm-vote:disabled{opacity:.35;cursor:default}
.fm-vote.on-up{border-color:var(--volt);color:var(--volt);background:rgba(39,230,166,.1)}
.fm-vote.on-down{border-color:var(--flame);color:var(--flame);background:rgba(255,90,51,.1)}
  /* ---- forum poll ---- */
  .fmp{margin:14px 0 4px;border:1px solid var(--line);border-radius:14px;padding:13px 14px 11px;background:rgba(255,255,255,.02)}
  .fmp-q{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.03em;color:var(--ink);margin:0 0 8px}
  .fmp-q+.fmp-opts{margin-bottom:2px}
  .fmp-sec+.fmp-sec{margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
  .fmp-opt{position:relative;display:block;width:100%;text-align:left;background:none;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:inherit;font-size:12.5px;line-height:1.35;padding:8px 10px;margin-bottom:6px;cursor:pointer;overflow:hidden;transition:border-color .12s,background .12s}
  .fmp-opt:hover:not(:disabled){border-color:var(--faint)}
  .fmp-opt:disabled{cursor:default}
  .fmp-opt.on{border-color:var(--volt);background:rgba(39,230,166,.07)}
  .fmp-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(39,230,166,.13);transition:width .45s cubic-bezier(.2,.9,.3,1);z-index:0}
  .fmp-opt.on .fmp-bar{background:rgba(39,230,166,.22)}
  .fmp-lab{position:relative;z-index:1;display:flex;align-items:center;gap:8px}
  .fmp-lab i{font-style:normal;flex:1 1 auto}
  .fmp-pct{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;color:var(--muted);flex:0 0 auto}
  .fmp-opt.on .fmp-pct{color:var(--volt)}
  .fmp-tick{flex:0 0 auto;color:var(--volt);font-size:11px;width:10px}
  .fmp-foot{font-size:10.5px;color:var(--muted);margin-top:9px;line-height:1.4}
  .fmp-foot b{color:var(--ink);font-weight:600}
  /* ---- post-meet stats: selection board / chalk / event ROI ---- */
  .sb-wrap{overflow-x:auto;margin:0 -2px}
  .sb{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;min-width:660px}
  .sb thead th{position:sticky;top:0;z-index:2;background:var(--surface)}
  .sb th{text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:0 7px 7px;border-bottom:1px solid var(--line);white-space:nowrap}
  .sb td{padding:7px;border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sb .n{text-align:right;font-family:'Space Mono',ui-monospace,monospace;font-size:11px}
  .sb .a-nm{font-weight:600;color:var(--ink)}
  .sb .a-cc{color:var(--faint);font-size:10px;margin-left:4px}
  .sb .a-ev{color:var(--muted);font-size:10.5px}
  .sb .obar{display:flex;align-items:center;gap:8px;min-width:64px}
  .sb .obar em{flex:1 1 auto;min-width:22px;height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden;display:block}
  .sb .obar em span{display:block;height:100%;border-radius:3px;background:var(--flame);opacity:.8}
  .sb .obar i{flex:0 0 auto;font-style:normal;font-family:'Space Mono',ui-monospace,monospace;font-size:10.5px;color:var(--ink);width:20px;text-align:right}
  .sb .up{color:var(--volt)} .sb .dn{color:var(--flame)} .sb .dim{color:var(--faint)} .sb .gd{color:var(--gold)}
  .sb tr:hover td{background:rgba(255,255,255,.02)}
  .roi-chips{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 11px}
  .roi-chip{background:none;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-family:inherit;font-size:11px;padding:4px 11px;cursor:pointer;transition:.12s;white-space:nowrap}
  .roi-chip:hover{border-color:var(--faint);color:var(--ink)}
  .roi-chip.on{border-color:var(--volt);color:var(--volt);background:rgba(39,230,166,.08)}
  .roi-row{display:grid;grid-template-columns:minmax(0,1fr) 52px 58px 62px;gap:9px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.045)}
  .roi-row:first-of-type{border-top:none}
  .roi-ev{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink)}
  .roi-ev i{font-style:normal;color:var(--faint);font-size:10px;margin-left:5px}
  .roi-n{text-align:right;font-family:'Space Mono',ui-monospace,monospace;font-size:11px;color:var(--muted)}
  .roi-n.hi{color:var(--volt)} .roi-n.lo{color:var(--flame)}
  .roi-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
  .roi-bar span{display:block;height:100%;border-radius:3px}
  .roi-head{display:grid;grid-template-columns:minmax(0,1fr) 52px 58px 62px;gap:9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding-bottom:6px;border-bottom:1px solid var(--line)}
  .roi-head span:not(:first-child){text-align:right}
  .ck-note{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 10px}
  .ck-def{flex:1 1 210px;min-width:0;border-left:2px solid var(--line);padding-left:10px}
  .ck-def b{display:block;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}
  .ck-def.c b{color:var(--gold)} .ck-def.k b{color:var(--blue,#62A8FF)}
  .ck-def span{font-size:11px;color:var(--muted);line-height:1.5}
  .st-exnote{font-size:10.5px;color:var(--faint);line-height:1.5;margin-top:9px}
.fm-score{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:14px;color:var(--muted);line-height:1;padding:2px 0}
.fm-score.pos{color:var(--volt)}
.fm-score.neg{color:var(--flame)}
.provbar{border-radius:8px;padding:12px 16px;margin:0 0 14px;font-size:13px;line-height:1.6;
  border:1px solid var(--rd-rule2,#2A3140);background:#11151E;color:var(--muted)}
.provbar b{color:var(--gold);font-family:var(--rd-mono,'Space Mono',monospace);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:12px}
.warnbar{border-radius:12px;padding:12px 16px;margin:0 0 14px;font-size:13.5px;line-height:1.5;border:1px solid}
.warnbar.amber{background:rgba(246,201,91,.08);border-color:rgba(246,201,91,.4);color:#f6dfa4}
.warnbar.bad{background:rgba(255,92,114,.08);border-color:rgba(255,92,114,.45);color:#ffb9c4}
.fth{display:flex;align-items:center;gap:12px;margin-top:12px;cursor:pointer;transition:border-color .12s}
.fth:hover{border-color:var(--faint)}
.fth-main{flex:1;min-width:0}
.fth-title{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:16px;letter-spacing:.02em;color:var(--ink)}
.fth-sub{font-size:12px;color:var(--muted);margin-top:3px}
.fth-chev{color:var(--faint);font-size:20px}
.psc.click{cursor:pointer;border-radius:8px}
.psc.click:hover{background:rgba(255,255,255,.04)}
.pcov{position:fixed;inset:0;z-index:80;background:rgba(5,8,13,.72);display:grid;place-items:center;padding:20px}
.pcard{position:relative;width:min(360px,92vw);background:var(--bg2,#0d1118);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 24px 60px -12px rgba(0,0,0,.7)}
.pc-x{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:4px}
.pc-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pc-name{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:19px;color:var(--ink)}
.pc-sub{font-size:12px;color:var(--muted);margin-top:2px}
.pc-rows{display:flex;flex-direction:column}
.pc-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px;color:#c9d2e0}
.pc-row b{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:16px;color:var(--ink)}
.pc-row.total{border-bottom:none;padding-top:12px}
.pc-row.total b{color:var(--gold);font-size:20px}
.board-ctx b{color:var(--ink)}
.board-lg{color:var(--ink);font-weight:600;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:15px;letter-spacing:.01em}
/* league bar */
.lgbar{display:flex;align-items:center;gap:10px;margin:8px 0 14px}
.lgbar-scroll{display:flex;gap:7px;overflow-x:auto;flex:1 1 auto;padding-bottom:3px;-ms-overflow-style:none;scrollbar-width:none}
.lgbar-scroll::-webkit-scrollbar{display:none}
.lgbar-acts{display:flex;gap:7px;flex:0 0 auto}
.lgpill{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:999px;padding:7px 15px;cursor:pointer;white-space:nowrap;transition:all .15s}
.lgpill:hover{border-color:var(--muted)}
.lgpill.on{border-color:var(--volt);color:var(--volt);background:rgba(39,230,166,.08)}
.lgpill.act{color:var(--muted)}
.lgpill.act.on{border-color:var(--flame);color:var(--flame);background:rgba(255,90,51,.1)}
/* podium */
.podium{display:grid;grid-template-columns:1fr 1.14fr 1fr;align-items:end;gap:10px;margin:16px 0 8px}
.pod-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 10px 0;border:1px solid var(--line);border-bottom:none;border-radius:16px 16px 0 0;background:linear-gradient(180deg,var(--surface2),var(--surface));cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:0}
.pod-cell:hover{transform:translateY(-2px)}
.pod-empty{visibility:hidden}
.pod-1{padding-top:20px;background:linear-gradient(180deg,rgba(246,201,91,.14),var(--surface));border-color:rgba(246,201,91,.4);box-shadow:0 -6px 34px -18px rgba(246,201,91,.9)}
.pod-2{background:linear-gradient(180deg,rgba(203,211,225,.1),var(--surface));border-color:rgba(203,211,225,.32)}
.pod-3{background:linear-gradient(180deg,rgba(205,139,91,.12),var(--surface));border-color:rgba(205,139,91,.34)}
.pod-cell.you{box-shadow:inset 0 0 0 1px rgba(39,230,166,.5)}
.pod-medal{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--bg2);border:1px solid var(--line);border-radius:999px;width:26px;height:26px;display:grid;place-items:center}
.pod-medal .trophy svg{width:15px;height:15px}
.pod-1 .mgr-av{border-radius:14px}
.pod-name{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;font-size:14px;color:var(--ink);text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}
.pod-1 .pod-name{font-size:15.5px}
.pod-you{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--volt);background:rgba(39,230,166,.12);border-radius:5px;padding:1px 5px}
.pod-val{font-family:Oswald,'Arial Narrow',Arial,sans-serif;text-align:center;line-height:1}
.pod-val b{font-size:26px;color:var(--ink)}
.pod-1 .pod-val b{font-size:31px;color:var(--gold)}
.pod-val span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-top:2px}
.pod-stand{width:100%;margin-top:9px;display:grid;place-items:center;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;color:var(--faint);border-top:1px solid var(--line)}
.pod-1 .pod-stand{height:48px;font-size:20px;color:rgba(246,201,91,.7)}
.pod-2 .pod-stand{height:34px;font-size:16px}
.pod-3 .pod-stand{height:26px;font-size:15px}
/* ranked rows */
.strow-list{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.strow{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden;transition:border-color .15s,background .15s}
.strow:hover{border-color:#313a4d}
.strow.you{border-color:rgba(39,230,166,.45);background:rgba(39,230,166,.04)}
.strow-top{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}
.st-rank{flex:0 0 auto;min-width:26px;text-align:center;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:18px;color:var(--muted);display:flex;align-items:center;justify-content:center}
.st-rank .trophy svg{width:19px;height:19px}
.st-id{flex:1 1 auto;min-width:0}
.st-name{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:600;font-size:16.5px;color:var(--ink);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:7px}
.st-you{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--volt);background:rgba(39,230,166,.12);border-radius:5px;padding:1px 6px}
.st-meta{margin-top:3px;font-size:11.5px;color:var(--muted);font-family:Inter,system-ui,sans-serif;display:flex;align-items:center;gap:8px}
.st-meta .pill{padding:2px 8px;font-size:9px}
.st-strip{display:flex;gap:6px;flex:0 0 auto}
.st-strip.mob{display:none}
.std{display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-width:40px;padding:5px 7px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.std.g-sprint{background:rgba(var(--d-spr-rgb),.1);border-color:rgba(var(--d-spr-rgb),.2)}
.std.g-distance{background:rgba(var(--d-dst-rgb),.1);border-color:rgba(var(--d-dst-rgb),.2)}
.std.g-jump{background:rgba(var(--d-jmp-rgb),.1);border-color:rgba(var(--d-jmp-rgb),.2)}
.std.g-throw{background:rgba(var(--d-thr-rgb),.1);border-color:rgba(var(--d-thr-rgb),.2)}
.std i{font-style:normal;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:8.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.std b{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:14px;color:var(--ink)}
.std s{text-decoration:none;font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:11px;color:var(--muted);display:flex;align-items:center}
.std s .trophy svg{width:12px;height:12px}
.std.act{outline:1px solid var(--flame);outline-offset:-1px}
.st-pts{flex:0 0 auto;text-align:right;font-family:Oswald,'Arial Narrow',Arial,sans-serif;line-height:1;min-width:46px}
.st-pts b{font-size:23px;color:var(--ink)}
.st-pts span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px}
.st-chev{flex:0 0 auto;font-size:11px;color:var(--faint);transition:transform .18s;width:12px;text-align:center}
.strow.open .st-chev{transform:rotate(180deg);color:var(--volt)}
.strow-exp{display:none;padding:0 14px 14px;border-top:1px solid var(--line)}
.strow.open .strow-exp{display:block}
.strow-track{margin:12px 0 4px}
.st-starters{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:6px}
.sd-rounds{margin-top:10px}
.st-starters .ln{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.st-starters .ln span{color:var(--muted);font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.st-starters .ln.lnlock{grid-column:1/-1;justify-content:center;border-bottom:none;padding:12px 0 8px}
.st-starters .ln.lnlock span{text-transform:none;letter-spacing:0;font-size:13px;color:var(--muted)}
@media(max-width:720px){
  .podium{gap:6px}
  .pod-cell{padding-left:5px;padding-right:5px}
  .pod-val b{font-size:22px}.pod-1 .pod-val b{font-size:26px}
  .pod-name{font-size:12.5px}.pod-1 .pod-name{font-size:13.5px}
  .strow-top .st-strip:not(.mob):not(.lbb-bars){display:none}
  .st-strip.mob{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
  .st-starters{grid-template-columns:1fr}
}
/* animated meet chip */
.chip.meetchip{position:relative;overflow:hidden;border-color:rgba(39,230,166,.5);color:var(--ink);background:linear-gradient(90deg,rgba(39,230,166,.16),rgba(39,230,166,.04));display:inline-flex;align-items:center;gap:7px;letter-spacing:.06em;font-family:var(--rd-mono);text-transform:none}
.chip.meetchip::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-20deg);animation:mc-sheen 4.5s ease-in-out infinite}
@keyframes mc-sheen{0%{transform:translateX(0) skewX(-20deg)}45%,100%{transform:translateX(500%) skewX(-20deg)}}
.mc-dot{width:7px;height:7px;border-radius:50%;background:var(--volt);flex:0 0 auto;animation:mc-pulse 2.2s ease-out infinite}
@keyframes mc-pulse{0%{box-shadow:0 0 0 0 rgba(39,230,166,.55)}70%{box-shadow:0 0 0 7px rgba(39,230,166,0)}100%{box-shadow:0 0 0 0 rgba(39,230,166,0)}}
@media (prefers-reduced-motion:reduce){.chip.meetchip::after,.mc-dot{animation:none}}
.chip.meetchip.soon{border-color:rgba(246,201,91,.55);background:linear-gradient(90deg,rgba(246,201,91,.18),rgba(246,201,91,.05))}
.chip.meetchip.soon .mc-dot{background:#F6C95B;animation:mc-pulse-soon 1.6s ease-out infinite}
@keyframes mc-pulse-soon{0%{box-shadow:0 0 0 0 rgba(246,201,91,.6)}70%{box-shadow:0 0 0 7px rgba(246,201,91,0)}100%{box-shadow:0 0 0 0 rgba(246,201,91,0)}}
.chip.meetchip.locked{border-color:rgba(224,66,31,.7);background:linear-gradient(90deg,rgba(224,66,31,.24),rgba(224,66,31,.07))}
.chip.meetchip.locked::after{display:none}
.chip.meetchip.locked .mc-dot{background:#FF5C72;animation:mc-pulse-lock 1.6s ease-out infinite}
.chip.meetchip.pending{border-color:rgba(246,201,91,.6);background:linear-gradient(90deg,rgba(246,201,91,.2),rgba(246,201,91,.06))}
.chip.meetchip.pending::after{display:none}
.chip.meetchip.pending .mc-dot{background:#F6C95B;animation:mc-pulse-soon 1.6s ease-out infinite}
.chip.meetchip.final{border-color:rgba(39,230,166,.55);background:linear-gradient(90deg,rgba(39,230,166,.2),rgba(39,230,166,.05))}
.chip.meetchip.final::after{display:none}
.chip.meetchip.final .mc-dot{background:#27E6A6}
@keyframes mc-pulse-lock{0%{box-shadow:0 0 0 0 rgba(255,92,114,.65)}70%{box-shadow:0 0 0 8px rgba(255,92,114,0)}100%{box-shadow:0 0 0 0 rgba(255,92,114,0)}}

/* button ripple */
.btn{position:relative;overflow:hidden}
.fx-rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);
  pointer-events:none;animation:fx-rip .6s ease-out forwards;mix-blend-mode:overlay}
@keyframes fx-rip{to{transform:scale(2.4);opacity:0}}
.btn.primary .fx-rip{background:rgba(255,255,255,.6)}

/* primary hover sheen */
.btn.primary::after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateX(-130%);
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.5) 50%,transparent 68%)}
.btn.primary:hover::after{animation:fx-sheen .7s ease}
@keyframes fx-sheen{from{transform:translateX(-130%)}to{transform:translateX(130%)}}

/* lock-ready attention pulse */
.btn.primary.fx-ready{animation:fx-ready 1.8s ease-in-out infinite}
@keyframes fx-ready{0%,100%{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 26px -8px rgba(255,90,51,.6)}
  50%{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 16px 42px -6px rgba(255,90,51,.95),0 0 0 4px rgba(255,90,51,.2)}}

/* budget bar broadcast shimmer */
.bar>i{position:relative;overflow:hidden}
.bar>i::after{content:"";position:absolute;top:0;bottom:0;left:-55%;width:45%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:fx-barshine 2.3s linear infinite}
@keyframes fx-barshine{to{transform:translateX(400%)}}

/* leaderboard champion treatment */
.lb-row.first{overflow:hidden}

}

/* leader row on the standings - champion shimmer + medal pulse */
.strow.lead{border-color:rgba(246,201,91,.5);
  background:linear-gradient(180deg,rgba(246,201,91,.07),rgba(255,255,255,.02))}
.strow.lead .strow-top{position:relative;z-index:2}
}

#ftlogo{position:relative}
/* FT logo - static mark; motion lives only on the boot loader */
.ftlogo{position:relative;display:inline-block;line-height:0}


@media(prefers-reduced-motion:reduce){
  .fx-in,.kit.fx-pop,.bar.fx-shake,.cd-num.fx-flip,.btn.primary.fx-ready,
  .bar>i::after,.lb-row.first::before,.lb-row.first .lane,.fx-rip,.btn.primary:hover::after,
  .fx-in{opacity:1;transform:none}
}


/* ============================================================
   DARK EDITORIAL - reskin layer (Lausanne prototype, rev 2)
   Matched to the APPROVED "Fantasy Track - Design Review" artifact
   (1c8c6bc6, the shared build assembled from design-prototypes/
   fantasy-track-landing-dark et al): mono voice is SPACE MONO
   12px / .08em / uppercase - NOT Rajdhani (that was a later,
   unapproved revision). Space Mono is already self-hosted here.
   PROTECTED - never styled here, per design sign-off:
   #ftgw, .gw, .gwbox, .gw-help, .stat, .bar (budget strip)
   .field, .ath, stadiumSVG() (the pitch/track and kits)
   ============================================================ */
/* Rajdhani, self-hosted (latin subset, Google Fonts v17) - the latest revision's mono voice */
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rajdhani-500.woff2) format('woff2')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rajdhani-600.woff2) format('woff2')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rajdhani-700.woff2) format('woff2')}
:root{
  --rd-mono:'Rajdhani','Space Mono',ui-monospace,monospace;
  --rd-rule:#1E2430; --rd-rule2:#2A3140; --rd-surface:#11151E;
}
/* scroll-run track background (latest review): faint, fixed, behind everything */
.page-bg-track{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;opacity:.28;pointer-events:none}
/* ^ .12 stacked with the shapes' own fill-opacities left the track ~7/255 above the
   base colour - mathematically present, invisible in practice. .28 restores the look
   of the design-review build the how-it-works treatment was approved from. */
/* -- ground: the approved system is FLAT #070A0F - no radial glows -- */
html,body{background:#070A0F}
.lanes,.lanes::before,.lanes::after{display:none;background:none}   /* legacy decorative strip; the header border-top is the topline now */
/* the animated aurora backdrop (fixed, blurred flame/mint radials, z-index -2) is the
   "side gradient": it drifts a 34%-alpha flame glow up the left edge. Off entirely. */
.aurora,.aurora::before,.aurora::after{display:none;animation:none;background:none}
/* -- chrome: topline + editorial two-tier header (approved tpl proportions) -- */
header{border-top:3px solid var(--flame);background:rgba(11,14,20,.96);border-bottom:1px solid var(--rd-rule);box-shadow:none}
.head-in{padding:14px 22px 10px}
.brand b{font-size:19px;letter-spacing:.02em}
.brand .ftmark,.brand svg.ftmark{height:34px;width:auto}
.brandlogo{height:34px;filter:none}
.chip{font-family:var(--rd-mono);font-weight:400;font-size:11px;letter-spacing:.08em;border-radius:4px;border-color:var(--rd-rule2)}
.pill{font-family:var(--rd-mono);font-weight:400;letter-spacing:.08em;border-radius:4px;border-color:var(--rd-rule2)}
/* meet status chip: text + dot only, no background box */
.chip.meetchip,.chip.meetchip.soon,.chip.meetchip.locked,.chip.meetchip.pending,.chip.meetchip.final{background:none;border-color:transparent;box-shadow:none;padding-left:2px;padding-right:2px}
.chip.meetchip::after{display:none}
.chip.meetchip{color:var(--ink)}
.chip.meetchip.pending,.chip.meetchip.soon{color:var(--gold)}
.chip.meetchip.locked{color:#FF5C72}
.chip.meetchip.final{color:var(--volt)}
/* points card numerals/labels on the shared mono stack, matching the page */
.sc-klabel,.sc-rk,.sc-row b,.sc-sub,.sc-orank,.sc-scb,.sc-er,.sc-eprow b{font-family:var(--rd-mono)}
/* leaderboard avatars: circular, same as the header profile chip */
#app[data-page="board"] .lbx-card .mgr-av{border-radius:50%}
/* status area: approved .status-tag - underline, not a pill */
.who .chip{border:none;border-radius:0;background:none;padding:0 4px 4px 0;color:var(--ink);border-bottom:2px solid var(--flame)}
.who .chip.meetchip.pending,.who .chip.meetchip.soon{color:var(--gold);border-bottom-color:transparent}
/* the live-dot pulse ring was clipped by the chip's legacy overflow:hidden (kept for
   the old shimmer sweep). Shimmer is retired in this system; let the ring breathe. */
.who .chip.meetchip{overflow:visible}
.who .chip.meetchip::after{display:none}
.who .chip .mc-dot{margin:0 2px 0 2px}
/* header bell + profile chip, per the approved header (img: gold bell in a bordered
   square, bordered pill with dot + name + caret) */
.nbell{width:34px;height:34px;border:none;border-radius:6px;background:#161B26;color:var(--gold);box-shadow:none}
.nbell:hover{background:#1B212E;color:#ffd982}
.nbell svg{width:16px;height:16px}
.who-id{border:none;border-radius:6px;background:#161B26;padding:7px 12px 7px 8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--rd-mono);font-size:12px;letter-spacing:.04em;color:var(--ink);box-shadow:none}
.who-id:hover{background:#1B212E}
/* dropdown in the site voice: flat panel, square-ish corners, mono items */
.who-menu{background:#11151E;border:1px solid var(--rd-rule2);border-radius:6px;padding:4px;box-shadow:0 14px 34px -16px rgba(0,0,0,.85)}
.who-menu button{font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-radius:4px;padding:10px 12px}
.who-menu button:hover{color:var(--ink);background:#1B212E}
.who-id b{font-family:var(--rd-mono);font-weight:700}
.who-id .who-car{font-style:normal;color:#8B93A6}
/* team page cards: "Coming up" + "Points" + scorecard in the new pill shape/voice */
.squadsched,.scorecard,.ptsbd{border-radius:8px;border-color:var(--rd-rule2);box-shadow:none}
/* ===== scorecard v2 (approved 2026-08-21): flat rd chrome, no glow; hero = total + rank
   centred on it; competed ticks + points-share strip; rail rows carrying the
   leaderboard's lbb bars. All scoped under .scorecard.scx so the champion modal's
   unscoped .sc-row rule can't leak in. ===== */
.scorecard.scx{background:var(--rd-surface);padding:12px 16px 11px}
.scorecard.scx .scx-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.scorecard.scx .sc-klabel{font-family:var(--rd-mono);font-weight:600;font-size:11px;letter-spacing:.16em}
.scorecard.scx .sc-scope{float:none;margin:0}
.scorecard.scx .sc-scb{font-family:var(--rd-mono);font-weight:600;font-size:10px;border-radius:4px;border-color:var(--rd-rule2);padding:1px 8px;line-height:1.5}
.scorecard.scx .sc-scb.on{border-color:var(--volt)}
.scorecard.scx .scx-duo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.scorecard.scx .scx-big{display:flex;align-items:baseline;gap:6px}
.scorecard.scx .scx-big b{font-family:Oswald,'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:44px;line-height:1;color:var(--ink);text-shadow:none}
.scorecard.scx .scx-big span{font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.scorecard.scx .scx-rank{font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1;text-align:right;white-space:nowrap}
.scorecard.scx .scx-rank b{color:var(--gold);font-weight:700;font-size:14px}
.scorecard.scx .scx-rsuf{display:none}
.scorecard.scx .scx-meter{margin-top:8px}
.scorecard.scx .scx-mlab{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--rd-mono);font-weight:600;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;line-height:1}
.scorecard.scx .scx-mlab b{color:var(--ink);font-weight:700;font-size:11px}
.scorecard.scx .scx-ticks{display:flex;gap:2px;height:5px}
.scorecard.scx .scx-ticks i{flex:1;border-radius:2px;background:var(--surface2)}
.scorecard.scx .scx-ticks i.on{background:var(--ink)}
.scorecard.scx .scx-strip{display:flex;height:5px;border-radius:3px;overflow:hidden;background:var(--surface2)}
.scorecard.scx .scx-strip i{display:block;height:100%}
.scorecard.scx .sc-disc{border-top:1px solid var(--rd-rule);margin-top:10px;padding-top:0}
.scorecard.scx .sc-row.scx-row{display:grid;grid-template-columns:3px 1fr 56px 30px 10px;gap:8px;align-items:center;padding:8px 0 11px;border-top:1px solid var(--rd-rule);font-size:13px;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;color:inherit;text-align:left;border-radius:0}
.scorecard.scx .sc-row.scx-row:first-child{border-top:none}
.scorecard.scx .sc-row.scx-row.scx-flex{padding:8px 0;cursor:default}
.scorecard.scx .scx-rail{width:3px;height:16px;border-radius:2px;background:var(--c)}
.scorecard.scx .scx-flex .scx-rail{background:var(--rd-rule2)}
.scorecard.scx .sc-row .sc-rl.scx-lab{flex:none;color:var(--ink);font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scorecard.scx .sc-row:hover .sc-rl.scx-lab{color:#fff}
.scorecard.scx .sc-row .scx-pts{font-family:var(--rd-mono);font-weight:700;font-size:16px;color:var(--ink);text-align:right;line-height:1;position:static;top:auto}
.scorecard.scx .sc-row .chev{width:10px;text-align:center;color:var(--faint);font-size:9px}
.scorecard.scx .sc-row.open .chev{color:var(--volt)}
.scorecard.scx .lbb-wrap{display:block;width:56px;position:relative}
.scorecard.scx .lbb-track{display:block;height:4px;border-radius:999px;background:#161B26;overflow:hidden}
.scorecard.scx .lbb-fill{display:block;height:100%;border-radius:999px}
.scorecard.scx .lbb-n{font-family:var(--rd-mono);font-size:9px;color:#5B6376;text-align:center;display:flex;align-items:center;justify-content:center;height:11px;line-height:1;white-space:nowrap;position:absolute;top:6px;left:0;right:0}
.scorecard.scx .lbb-n .lbb-cup{font-size:11px;line-height:1}
.scorecard.scx .sc-note{margin-top:8px;font-family:var(--rd-mono);font-weight:500;font-size:10.5px;letter-spacing:.02em;color:var(--muted);line-height:1.4}
@media (max-width:780px){.scorecard.scx .scx-rsuf{display:inline}.scorecard.scx .scx-big b{font-size:46px}.scorecard.scx .sc-row.scx-row{grid-template-columns:3px 1fr 56px 40px 10px;gap:10px}}
.sq-head,.bd-head,.sc-note,.sq-none{font-family:var(--rd-mono)}
.sq-when{font-family:var(--rd-mono)}
.sq-ath .sq-b{font-family:var(--rd-mono);border-radius:3px}
/* Guide button: keep placement, new pill + icon */
.gw-help{border-radius:4px;font-family:var(--rd-mono);letter-spacing:.08em;display:inline-flex;align-items:center;gap:6px}
/* Guide popup + full guide page: labels were still on the old plain Space Mono
   stack from before this pass, out of step with every other eyebrow/label on
   site (nav, sc-note, gw-help, who-id...) which all moved to --rd-mono. */
#hpPop .hp-ey,#hpPop .hp-n,#hpPop .hp-b b,.hp-sec,.hp-chip b,.hp-pl b{font-family:var(--rd-mono)}
/* GUIDE modal on the rd system (2026-08-21): flat surface, 8px card, 4px chips, Rajdhani
   labels/eyebrows - the same furniture as the scorecard and boards. Body copy stays Inter,
   headline stays Oswald. */
#hpPop .hp-card{background:var(--rd-surface);border:1px solid var(--rd-rule2);border-radius:8px;padding:18px 18px 18px;box-shadow:0 24px 70px rgba(0,0,0,.65)}
#hpPop .hp-ey{font-family:var(--rd-mono);font-weight:600;font-size:11px;letter-spacing:.16em;color:var(--muted)}
#hpPop .hp-x{border-radius:4px}
#hpPop h3{font-size:26px;letter-spacing:.01em;text-transform:uppercase;margin:8px 0 6px}
#hpPop .hp-lead{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0 0 14px}
#hpPop .hp-sec{font-family:var(--rd-mono);font-weight:600;font-size:11px;letter-spacing:.12em;color:var(--volt);margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--rd-rule)}
#hpPop .hp-p{font-size:13px;line-height:1.55;margin:0 0 10px}
#hpPop .hp-form{gap:6px}
#hpPop .hp-chip{border-radius:4px;border-color:var(--rd-rule2);background:none;padding:4px 9px;font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);gap:5px;line-height:1}
#hpPop .hp-chip b{font-family:var(--rd-mono);font-weight:700;font-size:13px;color:var(--volt)}
#hpPop .hp-step{border-radius:8px;border-color:var(--rd-rule2);background:none;padding:11px 12px}
#hpPop .hp-n{border-radius:4px;width:30px;height:30px;font-size:13px}
#hpPop .hp-b b{font-family:var(--rd-mono);font-weight:600;font-size:12.5px;letter-spacing:.06em}
#hpPop .hp-pl{border-radius:4px;border-color:var(--rd-rule2);background:none;font-family:var(--rd-mono);font-weight:600;font-size:10px;letter-spacing:.06em}
#hpPop .hp-pl b{font-family:var(--rd-mono);font-weight:700;font-size:15px}
#hpPop .hp-tag{border-radius:4px;border-color:var(--rd-rule2);font-family:var(--rd-mono);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
#hpPop .hp-note{font-family:var(--rd-mono);font-weight:500;font-size:11px;letter-spacing:.04em}
#hpPop .hp-full{font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
#hpPop .hp-full:hover{color:var(--volt)}
#hpPop .hp-go{border-radius:4px}
.gw-help svg{width:13px;height:13px}
/* leaderboard: medal ranks (no glow trophies on the board), 1st-in-discipline cup */
.lbx-rmedal{display:inline-flex;align-items:center;margin-right:3px}
.lbx-rmedal svg{display:block}
/* profile reuses the leaderboard medal at smaller footprints */
.pf-rankchip .lbx-rmedal svg{width:14px;height:19px}
.pf-bar-val .lbx-rmedal svg{width:11px;height:15px}
.pf-rk .lbx-rmedal svg{width:15px;height:20px}
.std s .lbx-rmedal svg{width:10px;height:14px}   /* season discipline chips */
/* season rows have no lock icon, so their bars sit 38px right of the meet geometry the
   column headings were tuned for - shift the headings to sit over the season bars */
.lbx-colheads.season .lbx-cats{transform:translateX(38px)}
.lbb-n .lbb-cup{font-size:11px;line-height:1}
nav.tabs{padding:4px 14px 0;border-top:1px solid var(--rd-rule)}
nav.tabs button{font-family:var(--rd-mono);font-weight:400;font-size:12px;letter-spacing:.08em;padding:12px 14px}
nav.tabs button.on::after{box-shadow:none}
/* -- surfaces: flat panels, hairline rules -- */
.card{background:var(--rd-surface);border:1px solid var(--rd-rule2);border-radius:8px;box-shadow:none}
.st-panel{background:var(--rd-surface);border:1px solid var(--rd-rule2);border-radius:8px;box-shadow:none}
.seclabel{font-family:var(--rd-mono);font-weight:400;font-size:12px;letter-spacing:.08em}
/* -- controls (NOT .gw-help, which lives in the protected strip) -- */
.btn{border-radius:4px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.btn.primary{background:var(--flame);color:#0A0604;box-shadow:none}
.btn.primary:hover{background:var(--flame-deep)}
.tag{font-family:var(--rd-mono);font-weight:400;letter-spacing:.08em;border-radius:4px}
/* -- FLAT SWEEP: the approved system has no gradient surfaces. Every panel,
      tile, bar and chip goes flat surface + hairline. Deliberately NOT here:
      #ftgw/.gw/.gwbox/.gw-help/.stat/.bar (protected strip), .field/.ath
      (pitch), and small data viz (.pf-bar fills, medals, group badges). -- */
.banner,.dockhead,.nowpick,.scorecard,.nf-panel,.nf-toast,.finalbar,
.st-tile,.st-co,.st-lockcard,.ath-card,.towcard-hd,#hpPop .hp-card,
.tro-shelf,.hiw-meet,.hiw-pl.first{background:var(--rd-surface);border-color:var(--rd-rule2);box-shadow:none}
.pf-hero{background:var(--rd-surface)}
/* selection-report teaser card in the site voice: flat 8px card, gold SVG padlock,
   Rajdhani mono countdown + label, body copy at the standard note size */
#pg-lstats .st-lockcard,.st-lockcard{border-radius:8px;padding:28px 24px}
.st-lockcard .st-lockico{display:flex;justify-content:center;color:var(--gold)}
.st-lockcard .st-lockico svg{width:34px;height:34px}
#pg-lstats .st-lockcard .big,.st-lockcard .big{letter-spacing:.02em;font-size:23px}
#pg-lstats .st-lockcard p,.st-lockcard p{font-size:13px;color:var(--muted);line-height:1.6;max-width:46ch;margin-left:auto;margin-right:auto}
#pg-lstats .st-lockcard .cd,.st-lockcard .cd{font-family:var(--rd-mono);font-weight:700;font-size:28px;letter-spacing:.05em;color:var(--flame)}
#pg-lstats .st-lockcard .st-locklab,.st-lockcard .st-locklab{font-family:var(--rd-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
/* ===== profile page in the site skin: flat cards, rule borders, square-ish
   corners, Rajdhani mono labels - matching the board/team pages ===== */
#app[data-page="profile"] .pf-hero{border:1px solid var(--rd-rule2);border-radius:8px;padding:16px 18px;background:var(--rd-surface)}
#app[data-page="profile"] .pf-hero::after{display:none}
#app[data-page="profile"] .pf-hero .mgr-av,#app[data-page="profile"] .pf-avwrap .mgr-av{border-radius:50%}
#app[data-page="profile"] .pf-hero-sub{font-family:var(--rd-mono);font-size:12px;letter-spacing:.03em}
#app[data-page="profile"] .pf-rankchip{border-radius:4px;border:1px solid var(--rd-rule2);background:#161B26}
#app[data-page="profile"] .pf-rankchip b{font-family:var(--rd-mono);font-weight:700}
#app[data-page="profile"] .pf-rankchip>span{font-family:var(--rd-mono)}
#app[data-page="profile"] .fndr{border-radius:4px;font-family:var(--rd-mono);letter-spacing:.1em}
#app[data-page="profile"] .pf-stat{border:1px solid var(--rd-rule2);border-radius:8px;background:var(--rd-surface)}
#app[data-page="profile"] .pf-stat span{font-family:var(--rd-mono);letter-spacing:.09em;color:#5B6376}
/* section headings in the stats-page voice: Oswald 700 uppercase, ink white */
#app[data-page="profile"] .eyebrow{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;text-transform:uppercase;color:var(--ink)}
#app[data-page="profile"] .pf-tag{font-family:var(--rd-mono);border-radius:4px;letter-spacing:.05em}
/* profile discipline labels = the My Team points-card rows: ink Rajdhani label with a 3px
   rail in the discipline colour to its left (text + rail only; bars unchanged) */
#app[data-page="profile"] .pf-bar-row{grid-template-columns:84px 1fr auto}
#app[data-page="profile"] .pf-bar-lab{display:flex;align-items:center;gap:8px;font-family:var(--rd-mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);line-height:1}
#app[data-page="profile"] .pf-bar-lab::before{content:"";flex:none;width:3px;height:16px;border-radius:2px;background:var(--c,var(--rd-rule2))}
#app[data-page="profile"] .pf-bar-row:nth-child(1) .pf-bar-lab{--c:var(--d-spr)}
#app[data-page="profile"] .pf-bar-row:nth-child(2) .pf-bar-lab{--c:var(--d-dst)}
#app[data-page="profile"] .pf-bar-row:nth-child(3) .pf-bar-lab{--c:var(--d-jmp)}
#app[data-page="profile"] .pf-bar-row:nth-child(4) .pf-bar-lab{--c:var(--d-thr)}
#app[data-page="profile"] .pf-bar{height:6px;background:#161B26}
#app[data-page="profile"] .pf-bar-val b{font-family:var(--rd-mono);font-size:14px}
#app[data-page="profile"] .pf-bar-val em{font-family:var(--rd-mono);color:#5B6376}
#app[data-page="profile"] .pf-empty{border-radius:8px}
#app[data-page="profile"] .pf-count{font-family:var(--rd-mono)}
.pf-hero::after{background:none}
.ftfooter{background:#0B0E14}
.ftfooter::before{background:var(--rd-rule)}
.benchbar::before{background:none}
.cd-cell,.navcd .cd-cell,.cd-num,.bttw-flash{background:#161B26;box-shadow:none}
.cd-cell::before{background:none}
/* rosters-lock countdown: flat monochrome cells in the board skin - solid white
   digits, muted mono labels, no gradients, no coloured edges. The only accent on
   the whole unit is the thin flame drain bar emptying over the final 96 hours. */
.cd-cell{border:1px solid var(--rd-rule2);border-radius:6px}
.cd-cell .cd-num{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
.cd-cell .cd-lab{color:var(--faint)}
.cd-drain{flex-basis:100%;max-width:352px;height:3px;border-radius:99px;background:#161B26;overflow:hidden;margin:6px auto 0}
.cd-drain i{display:block;height:100%;border-radius:99px;background:var(--flame)}
.chip.meetchip{background:none}
.hero h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:var(--flame)}
.lane{background:var(--rd-surface)}
.lb-row.first .lane{background:#161B26}
.cat-head.g-sprint,.cat-head.g-distance,.cat-head.g-jump,.cat-head.g-throw{background:#161B26}
.pod-cell,.pod-1,.pod-2,.pod-3{background:var(--rd-surface);box-shadow:none}
/* -- STANDINGS SKIN (approved tpl-standings geometry mapped onto the live board's
      classes; scoped to the board page so segtabs/sort chips elsewhere are unaffected) -- */
#app[data-page="board"] .bd-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 0 10px}
#app[data-page="board"] .bd-h1{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;font-size:2.4rem;letter-spacing:.01em;margin:0;line-height:1}
#app[data-page="board"] .lgpill{font-family:var(--rd-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rd-rule2);border-radius:4px;background:none;box-shadow:none}
#app[data-page="board"] .lgpill.on{color:var(--ink);border-color:var(--rd-rule);background:var(--rd-surface)}
#app[data-page="board"] .banner{border-left:3px solid var(--flame);border-radius:4px}
#app[data-page="board"] .banner b,#app[data-page="board"] .banner strong{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
#app[data-page="board"] .board-ctx{font-family:var(--rd-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5B6376}
#app[data-page="board"] .board-ctx b{color:#8B93A6}
#app[data-page="board"] .segtabs{display:flex;gap:24px;background:none;border:none;border-bottom:1px solid var(--rd-rule);border-radius:0;padding:0}
#app[data-page="board"] .segtabs button{flex:none;background:none;border:none;border-radius:0;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:1rem;color:#8B93A6;padding:10px 2px;border-bottom:2px solid transparent;margin-bottom:-1px;box-shadow:none}
#app[data-page="board"] .segtabs button.on{color:var(--ink);border-bottom-color:var(--flame);background:none}
#app[data-page="board"] .sort-row{gap:8px}
#app[data-page="board"] .sort-lab{font-family:var(--rd-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5B6376}
#app[data-page="board"] .sort-chip{font-family:var(--rd-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--rd-rule2);border-radius:4px;background:none;color:#8B93A6;box-shadow:none}
#app[data-page="board"] .sort-chip.on{color:var(--ink);border-color:var(--rd-rule);background:var(--rd-surface)}
#app[data-page="board"] .strow{background:var(--rd-surface);border:1px solid var(--rd-rule);border-radius:8px;box-shadow:none}
#app[data-page="board"] .strow:hover{border-color:var(--rd-rule2)}
#app[data-page="board"] .strow.you{border-left:3px solid var(--flame)}
#app[data-page="board"] .strow.lead{border-color:var(--rd-rule2)}
#app[data-page="board"] .st-num{font-family:var(--rd-mono);color:#5B6376}
#app[data-page="board"] .st-name{font-family:Inter,system-ui,sans-serif;font-weight:600}
#app[data-page="board"] .st-pts b{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:1.15rem}
#app[data-page="board"] .st-pts span{font-family:var(--rd-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5B6376}
#app[data-page="board"] .std{border-radius:4px;box-shadow:none}
#app[data-page="board"] .std i{font-family:var(--rd-mono);letter-spacing:.05em}
/* -- EDITORIAL BASE for the remaining views (stats/forum/admin/team furniture).
      Approved page-title + control voice everywhere, not just the board. -- */
h2.sec{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;font-size:2.4rem;letter-spacing:.01em;line-height:1;margin:24px 0 10px}
h2.sec em{font-style:normal;color:var(--flame)}
.segtabs{display:flex;gap:24px;background:none;border:none;border-bottom:1px solid var(--rd-rule);border-radius:0;padding:0}
.segtabs button{flex:none;background:none;border:none;border-radius:0;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:1rem;color:#8B93A6;padding:10px 2px;border-bottom:2px solid transparent;margin-bottom:-1px;box-shadow:none}
.segtabs button.on{color:var(--ink);border-bottom-color:var(--flame);background:none}
.sort-lab{font-family:var(--rd-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5B6376}
.sort-chip{font-family:var(--rd-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--rd-rule2);border-radius:4px;background:none;color:#8B93A6;box-shadow:none}
.sort-chip.on{color:var(--ink);border-color:var(--rd-rule);background:var(--rd-surface)}
/* forum thread cards + posts: flat rows, mono metadata */
.fth{border:1px solid var(--rd-rule);border-radius:8px}
.fth:hover{border-color:var(--rd-rule2)}
.fth::before,.card::before{background:none}
/* schedule flags: the site's own inline SVG flags inside the approved flag chip */
#pg-schedule .xsc-flag.xsc-flag-svg{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:none;padding:0;background:none;min-width:0}
#pg-schedule .xsc-flag-svg svg{width:27px;height:18px;border-radius:2px;display:block}
.fm-arch{font-family:var(--rd-mono);font-size:12px;letter-spacing:.04em}
/* stats page title voice (st-kick eyebrow + st-h display, matching the approved page head) */
.st-kick{font-family:var(--rd-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5B6376}
.st-h{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;font-size:2.4rem;letter-spacing:.01em;line-height:1}
.st-h em{font-style:normal;color:var(--flame)}
/* leaderboard header block (approved standings model): big trophy title band, then
   the icon column-head row aligned over the bars via the same flex geometry the
   data rows use (gap 12px + fixed tail), so no JS measurement is needed */
#app[data-page="board"] .lbx-card-head{display:flex;align-items:center;gap:14px;margin:22px 0 6px;padding:10px 2px 0}
#app[data-page="board"] .lbx-cup{font-size:26px}
#app[data-page="board"] .lbx-title{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.7rem;letter-spacing:.12em}
#app[data-page="board"] .lbx-colheads{display:flex;align-items:flex-end;gap:12px;padding:4px 14px 6px;border-bottom:1px solid var(--rd-rule)}
#app[data-page="board"] .lbx-sp{flex:1 1 auto;min-width:0}
/* tail mirrors the row's post-bars run: gap12+lock26+gap12+pts46 = 96, minus the
   12px gap already separating cats from tail -> 84 (chevron is hidden in the card) */
#app[data-page="board"] .lbx-tail{flex:0 0 auto;width:84px}
#app[data-page="board"] .lbx-cats{display:flex;gap:16px;flex:0 0 auto}
#app[data-page="board"] .lbx-cat{width:56px;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--rd-mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase}
#app[data-page="board"] .lbx-cat svg{width:14px;height:14px}
#app[data-page="board"] .lbx-spr,#app[data-page="season"] .lbx-spr{color:var(--d-spr)}
#app[data-page="board"] .lbx-dst,#app[data-page="season"] .lbx-dst{color:var(--d-dst)}
#app[data-page="board"] .lbx-jmp,#app[data-page="season"] .lbx-jmp{color:var(--d-jmp)}
#app[data-page="board"] .lbx-thr,#app[data-page="season"] .lbx-thr{color:var(--d-thr)}
#app[data-page="board"] .lbx-lock{width:26px;text-align:center;font-size:13px;color:var(--gold);flex:none}
@media (max-width:560px){#app[data-page="board"] .lbx-colheads{display:none}#app[data-page="board"] .lbx-lock{display:none}}
/* leaderboard card (approved standings model): ONE bordered card holds the trophy
   title, icon column heads and every manager row; rows are hairline-separated flat
   bands (no per-row boxes, no status pill, no chevron) with a soft hover */
#app[data-page="board"] .lbx-card{background:var(--rd-surface);border:1px solid var(--rd-rule2);border-radius:8px;padding:8px 20px 18px;margin-top:12px}
#app[data-page="board"] .lbx-card .lbx-card-head{margin:0 0 2px;padding:14px 2px 0}
#app[data-page="board"] .lbx-card .strow-list{gap:0;margin-top:0}
#app[data-page="board"] .lbx-card .strow{background:none;border:0;border-radius:0;border-bottom:1px solid var(--rd-rule)}
#app[data-page="board"] .lbx-card .strow:last-child{border-bottom:0}
#app[data-page="board"] .lbx-card .strow:hover{background:rgba(255,255,255,.025)}
#app[data-page="board"] .lbx-card .strow.you{background:rgba(39,230,166,.05);box-shadow:inset 2px 0 0 var(--volt)}
#app[data-page="board"] .lbx-card .strow.lead{box-shadow:none}
#app[data-page="board"] .lbx-card .strow-top{padding:9px 14px}
#app[data-page="board"] .lbx-card .st-meta{display:none}
#app[data-page="board"] .lbx-card .st-chev{display:none}
#app[data-page="board"] .lbx-card .st-name{font-size:15px}
@media (max-width:560px){#app[data-page="board"] .lbx-card{padding:4px 10px 12px}#app[data-page="board"] .lbx-card .strow-top{padding:9px 6px}}
/* your pinned row at the top of the board: heavier divider separates it from #1 */
#app[data-page="board"] .lbx-card .strow.pinned{border-bottom:2px solid var(--rd-rule2)}
/* podium medals: the same cast-medal SVGs as the rows, scaled up for the blocks.
   flex:none + explicit height stops the pod's fixed-height column crushing them */
#pg-lstand .lst-pod .lst-medal{display:flex;justify-content:center;align-items:center;flex:0 0 auto;height:33px}
#pg-lstand .lst-pod .lst-medal svg{width:24px;height:33px;display:block}
#app[data-page="board"] .lbx-card .sort-row{margin:2px 2px 2px}
/* mini performance bars (latest review .lb-bars geometry). The rank label hangs
   BELOW the track via absolute positioning, so the wrap's layout box is just the
   4px track - align-items:center then puts the bar itself at the exact vertical
   centre of the row, with the ordinal/trophy excluded from the centering math. */
.lbb-bars{display:flex;gap:16px;align-items:center}
.lbb-wrap{display:block;width:56px;position:relative}
.lbb-track{display:block;height:4px;border-radius:999px;background:#161B26;overflow:hidden}
.lbb-fill{display:block;height:100%;border-radius:999px}
.lbb-n{font-family:var(--rd-mono);font-size:9px;color:#5B6376;text-align:center;display:flex;align-items:center;justify-content:center;height:11px;line-height:1;white-space:nowrap;position:absolute;top:7px;left:0;right:0}
/* mobile: keep the bars, just compact (they used to be display:none - "broken" on phones) */
@media (max-width:560px){.lbb-bars{gap:5px}.lbb-wrap{width:26px}.lbb-n{font-size:8px;top:6px}.lbb-n .lbb-cup{font-size:9px}}







/* Hallmark · tokens · theme: FT Dark Editorial (custom — brand-locked)
 * paper-band: dark (bg L~8%) · display-style: display-condensed (roman, Oswald) · accent-hue: warm (flame ~18°)
 * Palette is NOT invented — it is the existing Fantasy Track brand system (see fantasy-track-league memory).
 * Preserved exactly rather than re-derived in OKLCH, because matching the live app's brand is the point.
 */

#pg-landing{
  /* ---------- Surfaces ---------- */
  --color-bg:         #070A0F;
  --color-surface:    #11151E;
  --color-surface-2:  #161B26;
  --color-rule:       #1E2430;
  --color-rule-2:     #2A3140;

  /* ---------- Text ---------- */
  --color-ink:         #F4F6F9;
  --color-ink-muted:   #8B93A6;
  --color-ink-faint:   #5B6376;

  /* ---------- Brand accent (flame) ---------- */
  --color-accent:      #FF5A33;
  --color-accent-hover:#E0421F;
  --color-accent-ink:  #0A0604;   /* text on flame fill */

  /* ---------- Category accents (used sparingly, never all at once) ---------- */
  --color-volt:  #27E6A6;   /* distance / live-status */
  --color-blue:  #62A8FF;   /* jump / focus ring */
  --color-gold:  #F6C95B;   /* throw */

  --color-focus: var(--color-blue);
  --color-error: #FF5A33;
  --color-good:  var(--color-volt);

  /* ---------- Typography — 2+1: Oswald / Inter / Space Mono (existing brand fonts, kept) ---------- */
  --font-display: "Oswald", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace; /* eyebrow tags + nav caps + figures only */

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.15rem;
  --text-lg:   1.4rem;
  --text-xl:   1.85rem;
  --text-2xl:  2.4rem;
  --text-display:   clamp(2.6rem, 6vw + 1rem, 5.5rem);
  --text-display-s: clamp(2rem, 3.2vw + 1rem, 3.4rem);

  /* ---------- Spacing — 4pt scale ---------- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ---------- Radius / rule weight ---------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-w: 1px;

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}


/* Hallmark · macrostructure: Editorial Marquee (redesign of existing landing/login)
 * genre: editorial · theme: FT Dark Editorial (custom, brand-locked, not catalog)
 * nav: N1b canonical masthead (existing 8-item IA preserved) · footer: n/a (above the fold only)
 * pre-emit critique: P4 H4 E4 S5 R5 V4 — restraint pass: killed the glow/gradient hero,
 * one eyebrow tag (not two), flame used once as headline emphasis + once as CTA fill.
 */

#pg-landing *{ box-sizing: border-box; }
#pg-landing, #pg-landing{ overflow-x: clip; }
#pg-landing{
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  min-width: 0;
}
#pg-landing a{ color: inherit; }
#pg-landing .ftl-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); }

/* ---------- Top hairline (flat, not a gradient bar) ---------- */
#pg-landing .topline{ height: 3px; background: var(--color-accent); }

/* ---------- Nav (N1b masthead) — two fixed rows (brand+status, then the full link list on its
   own line), matching the real app's structure so the links never fight the status for space. ---------- */
#pg-landing header.nav{
  border-bottom: var(--rule-w) solid var(--color-rule);
}
#pg-landing .nav-top{
  display: flex; align-items: center; justify-content: space-between;
  padding-block: var(--space-md) var(--space-sm);
  gap: var(--space-lg);
}
#pg-landing .nav-bottom{ padding-block: var(--space-sm) var(--space-md); border-top: var(--rule-w) solid var(--color-rule); }
#pg-landing .brand{ display: flex; align-items: center; gap: var(--space-sm); text-decoration: none; min-width: 0; flex: none; }
#pg-landing .brand img{ height: 34px; width: auto; display: block; flex: none; }
#pg-landing .brand-word{ font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; }
#pg-landing .brand-word .hi{ color: var(--color-accent); }

#pg-landing .nav-links{ display: flex; align-items: center; gap: var(--space-lg); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
#pg-landing .nav-links a{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; color: var(--color-ink-muted);
  padding-block: var(--space-xs);
  border-bottom: 2px solid transparent;
  transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
#pg-landing .nav-links a:hover{ color: var(--color-ink); }
#pg-landing .nav-links a:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 3px; }
#pg-landing .nav-links a[aria-current="page"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }

#pg-landing .nav-status{ display: flex; align-items: center; gap: var(--space-md); flex: none; }
#pg-landing .status-tag{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-ink); padding-bottom: 0.3rem;
  border-bottom: 2px solid var(--color-accent);
}
#pg-landing .status-rule{ width: var(--rule-w); height: 14px; background: var(--color-rule-2); flex: none; }
#pg-landing .status-pending{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-gold);
}

/* mobile nav: still no horizontal scroll */
@media (max-width: 560px) {
  #pg-landing .nav-top{ flex-wrap: wrap; }
  #pg-landing .nav-status{ order: 2; }
}

/* ---------- Hero ---------- */
#pg-landing main{ padding-block: var(--space-3xl) var(--space-2xl); }
#pg-landing .ftl-hero-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--space-3xl);
  align-items: start;
}
@media (max-width: 900px) {
  #pg-landing .ftl-hero-grid{ grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); }
}

#pg-landing h1{
  font-family: var(--font-display); font-weight: 700; text-transform: uppercase;
  font-size: var(--text-display); line-height: 0.98; letter-spacing: 0.005em;
  margin: 0 0 var(--space-lg);
  overflow-wrap: anywhere;
}
#pg-landing h1 .ftl-accent{ color: var(--color-accent); }

#pg-landing .ftl-hero-sub{
  font-size: var(--text-md); line-height: 1.55; color: var(--color-ink-muted);
  max-width: 46ch; margin: 0 0 var(--space-xl);
}

#pg-landing .ftl-hero-facts{
  display: flex; gap: var(--space-xl); flex-wrap: wrap;
  border-top: var(--rule-w) solid var(--color-rule);
  padding-top: var(--space-lg);
}
#pg-landing .ftl-fact dt{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink-faint); margin-bottom: 0.25em; }
#pg-landing .ftl-fact dd{ font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); margin: 0; }
#pg-landing .ftl-fact dd.ftl-is-live{ color: var(--color-volt); display: inline-flex; align-items: center; gap: 0.4em; }
#pg-landing .ftl-fact dd.ftl-is-live::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--color-volt); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-volt) 20%, transparent); flex: none; }

/* ---------- Auth card ---------- */
#pg-landing .ftl-card{
  background: var(--color-surface);
  border: var(--rule-w) solid var(--color-rule-2);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
}
#pg-landing .ftl-tabs{ display: flex; gap: var(--space-lg); border-bottom: var(--rule-w) solid var(--color-rule); margin-bottom: var(--space-lg); }
#pg-landing .ftl-tab{
  background: none; border: none; cursor: pointer;
  font-family: var(--font-display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em;
  font-size: var(--text-base); color: var(--color-ink-muted);
  padding-block: var(--space-sm);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color var(--dur-fast) var(--ease-out);
}
#pg-landing .ftl-tab:hover{ color: var(--color-ink); }
#pg-landing .ftl-tab:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 2px; }
#pg-landing .ftl-tab[aria-selected="true"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }

#pg-landing .ftl-field{ margin-bottom: var(--space-lg); }
#pg-landing .ftl-field label{
  display: block; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-ink-faint); margin-bottom: var(--space-xs);
}
#pg-landing .ftl-field input{
  width: 100%; background: var(--color-bg); color: var(--color-ink);
  border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm);
  padding: 0.75rem var(--space-md); font-family: var(--font-body); font-size: var(--text-base);
  transition: border-color var(--dur-fast) var(--ease-out);
}
#pg-landing .ftl-field input::placeholder{ color: var(--color-ink-faint); }
#pg-landing .ftl-field input:hover{ border-color: var(--color-rule); }
#pg-landing .ftl-field input:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 1px; border-color: var(--color-focus); }

#pg-landing .ftl-btn-primary{
  width: 100%; display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em;
  font-size: var(--text-base);
  background: var(--color-accent); color: var(--color-accent-ink);
  border: none; border-radius: var(--radius-sm);
  padding: 0.9rem var(--space-lg);
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
#pg-landing .ftl-btn-primary:hover{ background: var(--color-accent-hover); }
#pg-landing .ftl-btn-primary:active{ transform: translateY(1px); }
#pg-landing .ftl-btn-primary:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 2px; }
#pg-landing .ftl-btn-primary[disabled]{ background: var(--color-rule-2); color: var(--color-ink-faint); cursor: not-allowed; }

#pg-landing .ftl-card-foot{
  display: flex; justify-content: space-between; align-items: center;
  margin-top: var(--space-lg); font-size: var(--text-sm); color: var(--color-ink-muted);
}
#pg-landing .ftl-card-foot a{ color: var(--color-blue); text-decoration: none; }
#pg-landing .ftl-card-foot a:hover{ text-decoration: underline; }
#pg-landing .ftl-card-foot a:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 2px; }

@media (max-width: 375px) {
  #pg-landing h1{ font-size: clamp(2.1rem, 11vw, 2.6rem); }
  #pg-landing .ftl-card{ padding: var(--space-lg); }
}

@media (prefers-reduced-motion: reduce) {
  #pg-landing *{ transition-duration: 0.01ms !important; }
}

/* about page: restore breathing room between paragraphs (the scoped reset zeroed them) */
#pg-about .xab-hero p{margin:16px 0 0;line-height:1.65}
#pg-about .xab-value h2{margin:0 0 8px}
#pg-about .xab-value p{margin:0 0 4px;line-height:1.65}
/* tight rhythm: the grid rows carry their own padding-block; no extra stacked margins */
#pg-about .xab-value{margin:0}
#pg-about .xab-contact p{margin:0 0 6px}
/* port glue: hint + forgot link, approved voice */
#pg-landing .ftl-field-hint{color:var(--color-ink-faint);font-weight:400;text-transform:none;letter-spacing:0}
#pg-landing .ftl-field-aside{text-align:right;margin:-0.5rem 0 1rem}
#pg-landing .ftl-field-aside a{color:var(--color-blue);font-size:var(--text-sm);text-decoration:none}
#pg-landing .ftl-field-aside a:hover{text-decoration:underline}
#pg-landing{display:block;background:var(--color-bg);margin:0 -22px;padding:0 22px}







/* Hallmark · tokens · theme: FT Dark Editorial (custom — brand-locked)
 * paper-band: dark (bg L~8%) · display-style: display-condensed (roman, Oswald) · accent-hue: warm (flame ~18°)
 * Palette is NOT invented — it is the existing Fantasy Track brand system (see fantasy-track-league memory).
 * Preserved exactly rather than re-derived in OKLCH, because matching the live app's brand is the point.
 */

#pg-schedule{
  /* ---------- Surfaces ---------- */
  --color-bg:         #070A0F;
  --color-surface:    #11151E;
  --color-surface-2:  #161B26;
  --color-rule:       #1E2430;
  --color-rule-2:     #2A3140;

  /* ---------- Text ---------- */
  --color-ink:         #F4F6F9;
  --color-ink-muted:   #8B93A6;
  --color-ink-faint:   #5B6376;

  /* ---------- Brand accent (flame) ---------- */
  --color-accent:      #FF5A33;
  --color-accent-hover:#E0421F;
  --color-accent-ink:  #0A0604;   /* text on flame fill */

  /* ---------- Category accents (used sparingly, never all at once) ---------- */
  --color-volt:  #27E6A6;   /* distance / live-status */
  --color-blue:  #62A8FF;   /* jump / focus ring */
  --color-gold:  #F6C95B;   /* throw */

  --color-focus: var(--color-blue);
  --color-error: #FF5A33;
  --color-good:  var(--color-volt);

  /* ---------- Typography — 2+1: Oswald / Inter / Space Mono (existing brand fonts, kept) ---------- */
  --font-display: "Oswald", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace; /* eyebrow tags + nav caps + figures only */

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.15rem;
  --text-lg:   1.4rem;
  --text-xl:   1.85rem;
  --text-2xl:  2.4rem;
  --text-display:   clamp(2.6rem, 6vw + 1rem, 5.5rem);
  --text-display-s: clamp(2rem, 3.2vw + 1rem, 3.4rem);

  /* ---------- Spacing — 4pt scale ---------- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ---------- Radius / rule weight ---------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-w: 1px;

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}


/* Hallmark · macrostructure: redesign (existing Schedule screen — same layout/functionality)
 * genre: editorial · theme: FT Dark Editorial (same custom system as the other five prototypes)
 * Killed: radial glow behind flags, gradient row highlight for "this week", gradient footer band.
 * Flags use the same mono country-code chip as Standings/Stats (raw flag emoji don't render as
 * flags on Windows Chrome — confirmed earlier in this session; codes are the reliable fallback).
 * pre-emit critique: P4 H4 E4 S4 R5 V4
 */

#pg-schedule *{ box-sizing: border-box; }
#pg-schedule, #pg-schedule{ overflow-x: clip; }
#pg-schedule{
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  min-width: 0;
}
#pg-schedule a{ color: inherit; }
#pg-schedule .xsc-wrap{ max-width: 820px; margin-inline: auto; padding-inline: var(--space-lg); }
#pg-schedule .xsc-topline{ height: 3px; background: var(--color-accent); }

/* ---------- Nav — two fixed rows, identical to the other prototypes ---------- */
#pg-schedule header.xsc-nav{ border-bottom: var(--rule-w) solid var(--color-rule); }
#pg-schedule .xsc-nav-top-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); display: flex; align-items: center; justify-content: space-between; padding-block: var(--space-md) var(--space-sm); gap: var(--space-lg); }
#pg-schedule .xsc-nav-bottom-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); padding-block: var(--space-sm) var(--space-md); border-top: var(--rule-w) solid var(--color-rule); }
#pg-schedule .xsc-brand{ display: flex; align-items: center; gap: var(--space-sm); text-decoration: none; min-width: 0; flex: none; }
#pg-schedule .xsc-brand img{ height: 34px; width: auto; display: block; flex: none; }
#pg-schedule .xsc-brand-word{ font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; }
#pg-schedule .xsc-brand-word .xsc-hi{ color: var(--color-accent); }
#pg-schedule .xsc-nav-links{ display: flex; align-items: center; gap: var(--space-lg); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
#pg-schedule .xsc-nav-links a{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; color: var(--color-ink-muted);
  padding-block: var(--space-xs); border-bottom: 2px solid transparent;
  transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
#pg-schedule .xsc-nav-links a:hover{ color: var(--color-ink); }
#pg-schedule .xsc-nav-links a:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 3px; }
#pg-schedule .xsc-nav-links a[aria-current="page"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }
#pg-schedule .xsc-nav-status{ display: flex; align-items: center; gap: var(--space-md); flex: none; }
#pg-schedule .xsc-status-tag{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink); padding-bottom: 0.3rem; border-bottom: 2px solid var(--color-accent); }
#pg-schedule .xsc-status-rule{ width: var(--rule-w); height: 14px; background: var(--color-rule-2); flex: none; }
#pg-schedule .xsc-status-pending{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-gold); }
#pg-schedule .xsc-icon-btn{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-sm); border: var(--rule-w) solid var(--color-rule-2); background: transparent; color: var(--color-ink-muted); cursor: pointer; }
#pg-schedule .xsc-icon-btn:hover{ color: var(--color-ink); border-color: var(--color-rule); }
#pg-schedule .xsc-user-chip{ display: inline-flex; align-items: center; gap: var(--space-xs); font-family: var(--font-mono); font-size: var(--text-xs); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm); padding: 0.4rem 0.7rem; color: var(--color-ink); background: transparent; cursor: pointer; }
#pg-schedule .xsc-user-chip .xsc-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--color-gold); flex: none; }
@media (max-width: 560px) { #pg-schedule .xsc-nav-top-wrap{ flex-wrap: wrap; } }

/* ---------- Page head ---------- */
#pg-schedule main{ padding-block: var(--space-lg) var(--space-3xl); }
#pg-schedule .xsc-page-head{ margin-bottom: var(--space-lg); }
#pg-schedule .xsc-page-head h1{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-2xl); margin: 0 0 var(--space-xs); letter-spacing: 0.01em; }
#pg-schedule .xsc-page-head h1 .xsc-accent{ color: var(--color-accent); }
#pg-schedule .xsc-page-sub{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-ink-faint); margin: 0; }

/* ---------- Schedule list ---------- */
#pg-schedule .xsc-rounds{ display: flex; flex-direction: column; }
#pg-schedule .xsc-round{
  display: flex; align-items: center; gap: var(--space-md);
  padding-block: var(--space-md); border-bottom: var(--rule-w) solid var(--color-rule);
}
#pg-schedule .xsc-round:first-of-type{ border-top: var(--rule-w) solid var(--color-rule); }
#pg-schedule .xsc-flag{
  font-family: var(--font-mono); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.02em;
  color: var(--color-ink-faint); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm);
  padding: 0.25em 0.4em; flex: none; line-height: 1.4; min-width: 2.6em; text-align: center;
}
#pg-schedule .xsc-round-info{ flex: 1; min-width: 0; }
#pg-schedule .xsc-round-date{ display: block; font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-ink-faint); margin-bottom: 0.15em; }
#pg-schedule .xsc-round-city{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-md); letter-spacing: 0.01em; }
#pg-schedule .xsc-round-status{ flex: none; }
#pg-schedule .xsc-round-status a, #pg-schedule .xsc-round-status span{
  display: inline-flex; align-items: center; gap: 0.4em;
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.06em; text-transform: uppercase;
  border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm); padding: 0.4rem 0.8rem;
}
#pg-schedule .xsc-round-status a{ color: var(--color-blue); text-decoration: none; }
#pg-schedule .xsc-round-status a:hover{ border-color: var(--color-blue); }
#pg-schedule .xsc-round-status .xsc-upcoming{ color: var(--color-ink-faint); }
#pg-schedule .xsc-round.xsc-is-live{ background: color-mix(in srgb, var(--color-volt) 6%, transparent); margin-inline: calc(var(--space-md) * -1); padding-inline: var(--space-md); border-radius: var(--radius-md); border-bottom: var(--rule-w) solid var(--color-rule); }
#pg-schedule .xsc-round.xsc-is-live .xsc-round-date{ color: var(--color-volt); }
#pg-schedule .xsc-round.xsc-is-live .xsc-round-status a{ border-color: var(--color-volt); color: var(--color-volt); }

@media (max-width: 560px) {
  #pg-schedule .xsc-round{ flex-wrap: wrap; }
  #pg-schedule .xsc-round-status{ width: 100%; margin-left: calc(2.6em + var(--space-md)); }
}

@media (prefers-reduced-motion: reduce) { #pg-schedule *{ transition-duration: 0.01ms !important; } }

#pg-schedule{display:block;background:var(--color-bg,#070A0F);margin:0 -22px;padding:0 22px}







/* Hallmark · tokens · theme: FT Dark Editorial (custom — brand-locked)
 * paper-band: dark (bg L~8%) · display-style: display-condensed (roman, Oswald) · accent-hue: warm (flame ~18°)
 * Palette is NOT invented — it is the existing Fantasy Track brand system (see fantasy-track-league memory).
 * Preserved exactly rather than re-derived in OKLCH, because matching the live app's brand is the point.
 */

#pg-howitworks{
  /* ---------- Surfaces ---------- */
  --color-bg:         #070A0F;
  --color-surface:    #11151E;
  --color-surface-2:  #161B26;
  --color-rule:       #1E2430;
  --color-rule-2:     #2A3140;

  /* ---------- Text ---------- */
  --color-ink:         #F4F6F9;
  --color-ink-muted:   #8B93A6;
  --color-ink-faint:   #5B6376;

  /* ---------- Brand accent (flame) ---------- */
  --color-accent:      #FF5A33;
  --color-accent-hover:#E0421F;
  --color-accent-ink:  #0A0604;   /* text on flame fill */

  /* ---------- Category accents (used sparingly, never all at once) ---------- */
  --color-volt:  #27E6A6;   /* distance / live-status */
  --color-blue:  #62A8FF;   /* jump / focus ring */
  --color-gold:  #F6C95B;   /* throw */

  --color-focus: var(--color-blue);
  --color-error: #FF5A33;
  --color-good:  var(--color-volt);

  /* ---------- Typography — 2+1: Oswald / Inter / Space Mono (existing brand fonts, kept) ---------- */
  --font-display: "Oswald", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace; /* eyebrow tags + nav caps + figures only */

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.15rem;
  --text-lg:   1.4rem;
  --text-xl:   1.85rem;
  --text-2xl:  2.4rem;
  --text-display:   clamp(2.6rem, 6vw + 1rem, 5.5rem);
  --text-display-s: clamp(2rem, 3.2vw + 1rem, 3.4rem);

  /* ---------- Spacing — 4pt scale ---------- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ---------- Radius / rule weight ---------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-w: 1px;

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}


/* Hallmark · macrostructure: redesign (existing How It Works screen — same copy/functionality)
 * genre: editorial · theme: FT Dark Editorial (same custom system as the other six prototypes)
 * Killed: radial glow hero, gradient underlines. Long-document rhythm: numbered steps, hairline
 * section rules, a real placement-points table instead of a wall of numbers.
 * pre-emit critique: P4 H4 E4 S4 R5 V4
 */

#pg-howitworks *{ box-sizing: border-box; }
#pg-howitworks, #pg-howitworks{ overflow-x: clip; }
#pg-howitworks{
  margin: 0;
  /* transparent so the fixed scroll-run track (.page-bg-track) shows through:
     body already paints the identical #070A0F base */
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  min-width: 0;
}
#pg-howitworks a{ color: inherit; }
#pg-howitworks .xhw-wrap{ max-width: 760px; margin-inline: auto; padding-inline: var(--space-lg); }
#pg-howitworks .xhw-topline{ height: 3px; background: var(--color-accent); }

/* ---------- Nav — two fixed rows, identical to the other prototypes ---------- */
#pg-howitworks header.xhw-nav{ border-bottom: var(--rule-w) solid var(--color-rule); }
#pg-howitworks .xhw-nav-top-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); display: flex; align-items: center; justify-content: space-between; padding-block: var(--space-md) var(--space-sm); gap: var(--space-lg); }
#pg-howitworks .xhw-nav-bottom-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); padding-block: var(--space-sm) var(--space-md); border-top: var(--rule-w) solid var(--color-rule); }
#pg-howitworks .xhw-brand{ display: flex; align-items: center; gap: var(--space-sm); text-decoration: none; min-width: 0; flex: none; }
#pg-howitworks .xhw-brand img{ height: 34px; width: auto; display: block; flex: none; }
#pg-howitworks .xhw-brand-word{ font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; }
#pg-howitworks .xhw-brand-word .xhw-hi{ color: var(--color-accent); }
#pg-howitworks .xhw-nav-links{ display: flex; align-items: center; gap: var(--space-lg); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
#pg-howitworks .xhw-nav-links a{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; color: var(--color-ink-muted);
  padding-block: var(--space-xs); border-bottom: 2px solid transparent;
  transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
#pg-howitworks .xhw-nav-links a:hover{ color: var(--color-ink); }
#pg-howitworks .xhw-nav-links a:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 3px; }
#pg-howitworks .xhw-nav-links a[aria-current="page"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }
#pg-howitworks .xhw-nav-status{ display: flex; align-items: center; gap: var(--space-md); flex: none; }
#pg-howitworks .xhw-status-tag{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink); padding-bottom: 0.3rem; border-bottom: 2px solid var(--color-accent); }
#pg-howitworks .xhw-status-rule{ width: var(--rule-w); height: 14px; background: var(--color-rule-2); flex: none; }
#pg-howitworks .xhw-status-pending{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-gold); }
#pg-howitworks .xhw-icon-btn{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-sm); border: var(--rule-w) solid var(--color-rule-2); background: transparent; color: var(--color-ink-muted); cursor: pointer; }
#pg-howitworks .xhw-icon-btn:hover{ color: var(--color-ink); border-color: var(--color-rule); }
#pg-howitworks .xhw-user-chip{ display: inline-flex; align-items: center; gap: var(--space-xs); font-family: var(--font-mono); font-size: var(--text-xs); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm); padding: 0.4rem 0.7rem; color: var(--color-ink); background: transparent; cursor: pointer; }
#pg-howitworks .xhw-user-chip .xhw-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--color-gold); flex: none; }
@media (max-width: 560px) { #pg-howitworks .xhw-nav-top-wrap{ flex-wrap: wrap; } }

/* ---------- Hero ---------- */
#pg-howitworks main{ padding-block: var(--space-lg) var(--space-2xl); }
#pg-howitworks .xhw-hero h1{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-display-s); line-height: 1.05; margin: 0 0 var(--space-sm); }
#pg-howitworks .xhw-hero h1 .xhw-accent{ color: var(--color-accent); }
#pg-howitworks .xhw-hero p{ color: var(--color-ink-muted); font-size: var(--text-sm); line-height: 1.55; max-width: 60ch; margin: 0 0 var(--space-lg); }

/* ---------- Numbered steps ---------- */
#pg-howitworks .xhw-steps{ display: flex; flex-direction: column; margin-bottom: var(--space-lg); }
#pg-howitworks .xhw-step{ display: grid; grid-template-columns: 2.5rem minmax(0,1fr); gap: var(--space-md); padding-block: 0.65rem; border-bottom: var(--rule-w) solid var(--color-rule); }
#pg-howitworks .xhw-step:first-child{ border-top: var(--rule-w) solid var(--color-rule); }
#pg-howitworks .xhw-step-n{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg); color: var(--color-accent); line-height: 1.3; }
#pg-howitworks .xhw-step h2{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-sm); letter-spacing: 0.02em; margin: 0 0 0.3em; }
#pg-howitworks .xhw-step p{ font-size: var(--text-sm); line-height: 1.55; color: var(--color-ink-muted); margin: 0; }
#pg-howitworks .xhw-step p b{ color: var(--color-ink); font-weight: 600; }

/* ---------- Section headers ---------- */
#pg-howitworks .xhw-section{ margin-bottom: var(--space-lg); }
#pg-howitworks .xhw-section-eyebrow{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-accent); margin: 0 0 var(--space-sm); padding-bottom: 0.5rem; border-bottom: var(--rule-w) solid var(--color-rule); }
#pg-howitworks .xhw-section p{ font-size: var(--text-sm); line-height: 1.55; color: var(--color-ink-muted); margin: 0 0 var(--space-sm); }
#pg-howitworks .xhw-section p b{ color: var(--color-ink); font-weight: 600; }
#pg-howitworks .xhw-section h3{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-sm); letter-spacing: 0.01em; margin: var(--space-md) 0 0.3em; }
#pg-howitworks .xhw-section h3:first-of-type{ margin-top: var(--space-sm); }

/* ---------- Placement points table ---------- */
#pg-howitworks .xhw-placement-row{ display: flex; gap: var(--space-2xs); margin-bottom: var(--space-sm); flex-wrap: wrap; }
#pg-howitworks .xhw-place{
  flex: 1; min-width: 64px; text-align: center;
  background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm);
  padding: 0.4rem 0.3rem;
}
#pg-howitworks .xhw-place .xhw-ord{ font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-ink-faint); }
#pg-howitworks .xhw-place .xhw-pts{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg); }
#pg-howitworks .xhw-place:first-child .xhw-pts{ color: var(--color-gold); }

/* ---------- Records bonus row ---------- */
#pg-howitworks .xhw-bonus-row{ display: flex; gap: var(--space-sm); flex-wrap: wrap; margin-bottom: var(--space-sm); }
#pg-howitworks .xhw-bonus{
  display: flex; align-items: center; gap: 0.5em;
  background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm);
  padding: 0.5rem 0.9rem; font-size: var(--text-sm);
}
#pg-howitworks .xhw-bonus b{ font-family: var(--font-mono); font-weight: 700; }
#pg-howitworks .xhw-bonus.xhw-wr b{ color: var(--color-gold); }
#pg-howitworks .xhw-bonus.xhw-wl b{ color: var(--color-volt); }

@media (prefers-reduced-motion: reduce) { #pg-howitworks *{ transition-duration: 0.01ms !important; } }

#pg-howitworks{display:block;background:transparent;margin:0 -22px;padding:0 22px}







/* Hallmark · tokens · theme: FT Dark Editorial (custom — brand-locked)
 * paper-band: dark (bg L~8%) · display-style: display-condensed (roman, Oswald) · accent-hue: warm (flame ~18°)
 * Palette is NOT invented — it is the existing Fantasy Track brand system (see fantasy-track-league memory).
 * Preserved exactly rather than re-derived in OKLCH, because matching the live app's brand is the point.
 */

#pg-about{
  /* ---------- Surfaces ---------- */
  --color-bg:         #070A0F;
  --color-surface:    #11151E;
  --color-surface-2:  #161B26;
  --color-rule:       #1E2430;
  --color-rule-2:     #2A3140;

  /* ---------- Text ---------- */
  --color-ink:         #F4F6F9;
  --color-ink-muted:   #8B93A6;
  --color-ink-faint:   #5B6376;

  /* ---------- Brand accent (flame) ---------- */
  --color-accent:      #FF5A33;
  --color-accent-hover:#E0421F;
  --color-accent-ink:  #0A0604;   /* text on flame fill */

  /* ---------- Category accents (used sparingly, never all at once) ---------- */
  --color-volt:  #27E6A6;   /* distance / live-status */
  --color-blue:  #62A8FF;   /* jump / focus ring */
  --color-gold:  #F6C95B;   /* throw */

  --color-focus: var(--color-blue);
  --color-error: #FF5A33;
  --color-good:  var(--color-volt);

  /* ---------- Typography — 2+1: Oswald / Inter / Space Mono (existing brand fonts, kept) ---------- */
  --font-display: "Oswald", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace; /* eyebrow tags + nav caps + figures only */

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.15rem;
  --text-lg:   1.4rem;
  --text-xl:   1.85rem;
  --text-2xl:  2.4rem;
  --text-display:   clamp(2.6rem, 6vw + 1rem, 5.5rem);
  --text-display-s: clamp(2rem, 3.2vw + 1rem, 3.4rem);

  /* ---------- Spacing — 4pt scale ---------- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ---------- Radius / rule weight ---------- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-w: 1px;

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}


/* Hallmark · macrostructure: redesign (existing About screen — same copy/functionality)
 * genre: editorial · theme: FT Dark Editorial (same custom system as the other seven prototypes)
 * Killed: radial glow hero. Sections keep their emoji markers (already meaningful, not decorative)
 * but drop the gradient card treatment for flat hairline dividers.
 * pre-emit critique: P4 H4 E4 S4 R5 V4
 */

#pg-about *{ box-sizing: border-box; }
#pg-about, #pg-about{ overflow-x: clip; }
#pg-about{
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  min-width: 0;
}
#pg-about a{ color: inherit; }
#pg-about .xab-wrap{ max-width: 720px; margin-inline: auto; padding-inline: var(--space-lg); }
#pg-about .xab-topline{ height: 3px; background: var(--color-accent); }

/* ---------- Nav — two fixed rows, identical to the other prototypes ---------- */
#pg-about header.xab-nav{ border-bottom: var(--rule-w) solid var(--color-rule); }
#pg-about .xab-nav-top-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); display: flex; align-items: center; justify-content: space-between; padding-block: var(--space-md) var(--space-sm); gap: var(--space-lg); }
#pg-about .xab-nav-bottom-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); padding-block: var(--space-sm) var(--space-md); border-top: var(--rule-w) solid var(--color-rule); }
#pg-about .xab-brand{ display: flex; align-items: center; gap: var(--space-sm); text-decoration: none; min-width: 0; flex: none; }
#pg-about .xab-brand img{ height: 34px; width: auto; display: block; flex: none; }
#pg-about .xab-brand-word{ font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; }
#pg-about .xab-brand-word .xab-hi{ color: var(--color-accent); }
#pg-about .xab-nav-links{ display: flex; align-items: center; gap: var(--space-lg); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
#pg-about .xab-nav-links a{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; color: var(--color-ink-muted);
  padding-block: var(--space-xs); border-bottom: 2px solid transparent;
  transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
#pg-about .xab-nav-links a:hover{ color: var(--color-ink); }
#pg-about .xab-nav-links a:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 3px; }
#pg-about .xab-nav-links a[aria-current="page"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }
#pg-about .xab-nav-status{ display: flex; align-items: center; gap: var(--space-md); flex: none; }
#pg-about .xab-status-tag{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink); padding-bottom: 0.3rem; border-bottom: 2px solid var(--color-accent); }
#pg-about .xab-status-rule{ width: var(--rule-w); height: 14px; background: var(--color-rule-2); flex: none; }
#pg-about .xab-status-pending{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-gold); }
#pg-about .xab-icon-btn{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-sm); border: var(--rule-w) solid var(--color-rule-2); background: transparent; color: var(--color-ink-muted); cursor: pointer; }
#pg-about .xab-icon-btn:hover{ color: var(--color-ink); border-color: var(--color-rule); }
#pg-about .xab-user-chip{ display: inline-flex; align-items: center; gap: var(--space-xs); font-family: var(--font-mono); font-size: var(--text-xs); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm); padding: 0.4rem 0.7rem; color: var(--color-ink); background: transparent; cursor: pointer; }
#pg-about .xab-user-chip .xab-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--color-gold); flex: none; }
@media (max-width: 560px) { #pg-about .xab-nav-top-wrap{ flex-wrap: wrap; } }

/* ---------- Hero ---------- */
#pg-about main{ padding-block: var(--space-xl) var(--space-3xl); }
#pg-about .xab-hero h1{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-display-s); line-height: 1.05; margin: 0 0 var(--space-md); }
#pg-about .xab-hero h1 .xab-accent{ color: var(--color-accent); }
#pg-about .xab-hero p{ font-size: var(--text-sm); line-height: 1.65; color: var(--color-ink-muted); margin: 0 0 var(--space-md); }
#pg-about .xab-hero p b{ color: var(--color-ink); font-weight: 600; }

/* ---------- Value sections ---------- */
#pg-about .xab-values{ display: flex; flex-direction: column; }
#pg-about .xab-value{ display: grid; grid-template-columns: 2rem minmax(0,1fr); gap: var(--space-md); padding-block: var(--space-md); border-top: var(--rule-w) solid var(--color-rule); }
#pg-about .xab-value:last-of-type{ border-bottom: var(--rule-w) solid var(--color-rule); }
#pg-about .xab-value .xab-ic{ font-size: 1.1rem; line-height: 1.4; }
#pg-about .xab-value h2{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-sm); letter-spacing: 0.02em; margin: 0 0 0.4em; }
#pg-about .xab-value p{ font-size: var(--text-sm); line-height: 1.65; color: var(--color-ink-muted); margin: 0; }

/* ---------- Get in touch ---------- */
#pg-about .xab-contact{ margin-top: var(--space-md); text-align: center; }
#pg-about .xab-contact p{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-ink-faint); margin: 0 0 var(--space-sm); }
#pg-about .xab-contact a{ font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); color: var(--color-accent); text-decoration: none; border-bottom: 2px solid transparent; }
#pg-about .xab-contact a:hover{ border-bottom-color: var(--color-accent); }

@media (prefers-reduced-motion: reduce) { #pg-about *{ transition-duration: 0.01ms !important; } }

#pg-about{display:block;background:var(--color-bg,#070A0F);margin:0 -22px;padding:0 22px}



#pg-lstand{
  
  --color-bg:         #070A0F;
  --color-surface:    #11151E;
  --color-surface-2:  #161B26;
  --color-rule:       #1E2430;
  --color-rule-2:     #2A3140;

  
  --color-ink:         #F4F6F9;
  --color-ink-muted:   #8B93A6;
  --color-ink-faint:   #5B6376;

  
  --color-accent:      #FF5A33;
  --color-accent-hover:#E0421F;
  --color-accent-ink:  #0A0604;   

  
  --color-volt:  #27E6A6;   
  --color-blue:  #62A8FF;   
  --color-gold:  #F6C95B;   

  --color-focus: var(--color-blue);
  --color-error: #FF5A33;
  --color-good:  var(--color-volt);

  
  --font-display: "Oswald", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Rajdhani", ui-sans-serif, sans-serif; 

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.15rem;
  --text-lg:   1.4rem;
  --text-xl:   1.85rem;
  --text-2xl:  2.4rem;
  --text-display:   clamp(2.6rem, 6vw + 1rem, 5.5rem);
  --text-display-s: clamp(2rem, 3.2vw + 1rem, 3.4rem);

  
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-w: 1px;

  
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}#pg-lstand *{ box-sizing: border-box; }#pg-lstand, #pg-lstand{ overflow-x: clip; }#pg-lstand{
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  min-width: 0;
}#pg-lstand a{ color: inherit; }#pg-lstand .lst-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); }#pg-lstand .lst-topline{ height: 3px; background: var(--color-accent); }#pg-lstand header.lst-nav{ border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstand .lst-nav-top{ display: flex; align-items: center; justify-content: space-between; padding-block: var(--space-md) var(--space-sm); gap: var(--space-lg); }#pg-lstand .lst-nav-bottom{ padding-block: var(--space-sm) var(--space-md); border-top: var(--rule-w) solid var(--color-rule); }#pg-lstand .lst-brand{ display: flex; align-items: center; gap: var(--space-sm); text-decoration: none; min-width: 0; flex: none; }#pg-lstand .lst-brand img{ height: 34px; width: auto; display: block; flex: none; }#pg-lstand .lst-brand-word{ font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; }#pg-lstand .lst-brand-word .lst-hi{ color: var(--color-accent); }#pg-lstand .lst-nav-links{ display: flex; align-items: center; gap: var(--space-lg); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }#pg-lstand .lst-nav-links a{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; color: var(--color-ink-muted);
  padding-block: var(--space-xs); border-bottom: 2px solid transparent;
  transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}#pg-lstand .lst-nav-links a:hover{ color: var(--color-ink); }#pg-lstand .lst-nav-links a:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 3px; }#pg-lstand .lst-nav-links a[aria-current="page"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }#pg-lstand .lst-nav-status{ display: flex; align-items: center; gap: var(--space-md); flex: none; }#pg-lstand .lst-status-tag{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink); padding-bottom: 0.3rem; border-bottom: 2px solid var(--color-accent); }#pg-lstand .lst-status-rule{ width: var(--rule-w); height: 14px; background: var(--color-rule-2); flex: none; }#pg-lstand .lst-status-pending{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-gold); }#pg-lstand .lst-icon-btn{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-sm); border: var(--rule-w) solid var(--color-rule-2); background: transparent; color: var(--color-ink-muted); cursor: pointer; }#pg-lstand .lst-icon-btn:hover{ color: var(--color-ink); border-color: var(--color-rule); }#pg-lstand .lst-user-chip{ display: inline-flex; align-items: center; gap: var(--space-xs); font-family: var(--font-mono); font-size: var(--text-xs); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm); padding: 0.4rem 0.7rem; color: var(--color-ink); background: transparent; cursor: pointer; }#pg-lstand .lst-user-chip .lst-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--color-gold); flex: none; }
@media (max-width: 560px) {#pg-lstand .lst-nav-top{ flex-wrap: wrap; }
}#pg-lstand main{ padding-block-end: var(--space-3xl); }#pg-lstand .lst-page-head{ display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--space-md); padding-block: var(--space-xl) var(--space-md); }#pg-lstand .lst-page-head h1{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-2xl); margin: 0; letter-spacing: 0.01em; }#pg-lstand .lst-page-actions{ display: flex; gap: var(--space-md); }#pg-lstand .lst-btn-ghost{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-ink-muted); text-decoration: none;
  border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm); padding: 0.5rem 0.9rem;
}#pg-lstand .lst-btn-ghost:hover{ color: var(--color-ink); border-color: var(--color-rule); }#pg-lstand .lst-banner{
  background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-md);
  padding: var(--space-lg); margin-bottom: var(--space-xl);
  font-size: var(--text-sm); line-height: 1.6; color: var(--color-ink-muted);
}#pg-lstand .lst-banner strong{ color: var(--color-ink); font-family: var(--font-display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; font-size: var(--text-base); }#pg-lstand .lst-meta-line{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-ink-faint); margin-bottom: var(--space-lg); }#pg-lstand .lst-meta-line b{ color: var(--color-ink-muted); }#pg-lstand .lst-filters{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-md); border-bottom: var(--rule-w) solid var(--color-rule); padding-bottom: var(--space-sm); margin-bottom: var(--space-2xl); }#pg-lstand .lst-tabset{ display: flex; gap: var(--space-lg); }#pg-lstand .lst-tabset button{
  background: none; border: none; cursor: pointer; padding-bottom: var(--space-sm); margin-bottom: -1px;
  font-family: var(--font-display); font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; font-size: var(--text-sm);
  color: var(--color-ink-muted); border-bottom: 2px solid transparent;
}#pg-lstand .lst-tabset button[aria-selected="true"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }#pg-lstand .lst-chipset{ display: flex; gap: var(--space-sm); flex-wrap: wrap; }#pg-lstand .lst-chipset button{
  background: none; cursor: pointer;
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--color-ink-muted); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm);
  padding: 0.4rem 0.75rem;
}#pg-lstand .lst-chipset button[aria-pressed="true"]{ color: var(--color-ink); border-color: var(--color-rule); }#pg-lstand .lst-podium{ margin-bottom: var(--space-2xl); position: relative; padding-top: 12px; }#pg-lstand .lst-podium-track{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.4; pointer-events: none; }#pg-lstand .lst-podium-fade{ position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(ellipse 70% 60% at 50% 62%, transparent 20%, var(--color-bg) 88%);
}#pg-lstand .lst-podium-blocks, #pg-lstand .lst-podium-labels{ display: flex; justify-content: center; gap: var(--space-xl); position: relative; z-index: 2; }#pg-lstand .lst-podium-blocks{ align-items: flex-end; }#pg-lstand .lst-podium-labels{ margin-top: var(--space-md); }#pg-lstand .lst-pod{
  width: 168px; background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-top-width: 3px;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: var(--space-md) 0 12px;
}#pg-lstand .lst-pod .lst-medal{ font-size: 1.4rem; line-height: 1; }#pg-lstand .lst-pod .lst-n{ font-family: var(--font-display); font-weight: 700; font-size: 2.6rem; line-height: 1.2; }#pg-lstand .lst-pod .lst-pts{ font-family: var(--font-mono); font-weight: 700; font-size: var(--text-xs); letter-spacing: 0.05em; color: var(--color-ink-muted); margin-top: 4px; }#pg-lstand .lst-ft-mark{ width: 64px; height: 64px; position: relative; margin-top: 8px; flex: none; }#pg-lstand .lst-ft-mark-base{
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #FFF3C4 0%, #F6C95B 38%, #D89B2B 62%, #8A5A0A 100%);
  -webkit-mask-image: url('data:image/webp;base64,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');
  mask-image: url('data:image/webp;base64,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');
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}#pg-lstand .lst-ft-mark-shine{
  position: absolute; inset: 0;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,0.95) 50%, transparent 65%);
  background-size: 300% 100%;
  -webkit-mask-image: url('data:image/webp;base64,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');
  mask-image: url('data:image/webp;base64,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');
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  animation: ftMarkShine 2.8s ease-in-out infinite;
  mix-blend-mode: screen;
}
@keyframes ftMarkShine {
  0%, 20% { background-position: 200% 0; }
  60%, 100% { background-position: -200% 0; }
}#pg-lstand .lst-pod-1{ height: 205px; border-top-color: var(--color-gold); }#pg-lstand .lst-pod-1 .lst-n{ color: var(--color-gold); }#pg-lstand .lst-pod-2{ height: 160px; border-top-color: var(--color-ink-muted); }#pg-lstand .lst-pod-2 .lst-n{ color: var(--color-ink); }#pg-lstand .lst-pod-3{ height: 130px; border-top-color: var(--color-accent); }#pg-lstand .lst-pod-3 .lst-n{ color: var(--color-accent); }#pg-lstand .lst-pod-label{ width: 168px; display: flex; flex-direction: column; align-items: center; gap: 6px; }#pg-lstand .lst-pod-person{ display: flex; align-items: center; gap: 7px; width: 100%; }#pg-lstand .lst-pod-avatar{
  width: 24px; height: 24px; border-radius: 50%; flex: none;
  background: var(--color-surface-2); border: var(--rule-w) solid var(--color-rule-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 600; font-size: 10px; color: var(--color-ink-muted);
}#pg-lstand .lst-pod-name{ font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--color-ink); margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }

@media (max-width: 560px) {#pg-lstand .lst-podium-blocks, #pg-lstand .lst-podium-labels{ gap: var(--space-md); }#pg-lstand .lst-pod, #pg-lstand .lst-pod-label{ width: 30vw; }#pg-lstand .lst-pod .lst-n{ font-size: 2rem; }
}#pg-lstand .lst-totm-card{ background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-md); padding: 26px 34px; margin-bottom: var(--space-2xl); }#pg-lstand .lst-totm-head{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; margin-bottom: 13px; border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstand .lst-totm-title{ font-family: var(--font-mono); font-size: 15px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-gold); line-height: 1; }#pg-lstand .lst-totm-title::before{ content: "★ "; }#pg-lstand .lst-totm-grid{ display: grid; grid-template-columns: minmax(0,32fr) minmax(0,34fr) minmax(0,34fr); align-items: start; }
@media (max-width: 700px) {#pg-lstand .lst-totm-grid{ grid-template-columns: minmax(0,1fr); gap: var(--space-sm); } }#pg-lstand .lst-aotm{ align-self: stretch; display: flex; flex-direction: column; padding-right: 20px; border-right: var(--rule-w) solid var(--color-rule); }
@media (max-width: 700px) {#pg-lstand .lst-aotm{ align-self: auto; border-right: none; padding-right: 0; padding-bottom: var(--space-sm); border-bottom: var(--rule-w) solid var(--color-rule); } }#pg-lstand .lst-aotm-hero{ flex: 1; display: flex; flex-direction: column; justify-content: center; }#pg-lstand .lst-aotm-name{ display: flex; align-items: center; gap: 0.5em; font-family: var(--font-display); font-weight: 700; font-size: 28px; line-height: 1.05; margin: 0; color: var(--color-ink); }#pg-lstand .lst-aotm-name .lst-flag{ width: 34px; height: 23px; }#pg-lstand .lst-aotm-pts{ color: var(--color-ink-muted); font-size: 13px; margin: 7px 0 0; }#pg-lstand .lst-perf-cols{ display: contents; }
@media (max-width: 700px) {#pg-lstand .lst-perf-cols{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-sm); } }
@media (max-width: 480px) {#pg-lstand .lst-perf-cols{ grid-template-columns: 1fr; gap: var(--space-sm); } }#pg-lstand .lst-perf-cols > div:first-child{ padding: 0 20px; border-right: var(--rule-w) solid var(--color-rule); }#pg-lstand .lst-perf-cols > div:last-child{ padding-left: 20px; }
@media (max-width: 700px) {#pg-lstand .lst-perf-cols > div:first-child{ padding: 0; border-right: none; }#pg-lstand .lst-perf-cols > div:last-child{ padding-left: 0; } }#pg-lstand .lst-perf-label{ font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-ink-faint); margin: 0 0 11px; line-height: 1; display: flex; align-items: center; gap: 6px; }#pg-lstand .lst-perf-label svg{ width: 13px; height: 13px; flex: none; }#pg-lstand .lst-perf-label.lst-up svg{ color: var(--color-volt); }#pg-lstand .lst-perf-label.lst-down svg{ color: var(--color-accent); }#pg-lstand .lst-perf-label.lst-crown svg{ color: var(--color-gold); }#pg-lstand .lst-perf-row{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-xs); min-height: 34px; padding-block: 0; border-bottom: var(--rule-w) solid var(--color-rule); line-height: 1.2; }#pg-lstand .lst-perf-row:not(:last-child){ margin-bottom: 3px; }#pg-lstand .lst-perf-row:last-child{ border-bottom: none; }#pg-lstand .lst-perf-row .lst-who{ display: flex; align-items: baseline; gap: 0.5em; min-width: 0; }#pg-lstand .lst-perf-row .lst-who .lst-nm{ display: flex; align-items: center; gap: 0.4em; font-size: 15px; font-weight: 700; color: var(--color-ink); overflow-wrap: anywhere; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }#pg-lstand .lst-perf-row .lst-who .lst-ev{ font-family: var(--font-mono); font-size: 11px; color: var(--color-ink-faint); flex: none; }#pg-lstand .lst-perf-row .lst-delta{ font-family: var(--font-mono); font-weight: 700; font-size: 12px; flex: none; }#pg-lstand .lst-perf-row.lst-up .lst-delta{ color: var(--color-volt); }#pg-lstand .lst-perf-row.lst-down .lst-delta{ color: var(--color-accent); }#pg-lstand .lst-flag{
  display: inline-flex; align-items: center; justify-content: center; overflow: hidden;
  border: var(--rule-w) solid var(--color-rule-2); border-radius: 3px;
  width: 27px; height: 18px; padding: 0; flex: none;
}#pg-lstand .lst-flag .lst-fi{ width: 100%; height: 100%; border-radius: 1px; background-size: cover; }#pg-lstand .lst-lb-card{ background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-md); padding: 16px 34px 26px; margin-bottom: var(--space-2xl); }#pg-lstand .lst-lb-head{ display: flex; align-items: center; gap: 12px; font-family: var(--font-mono); font-size: 36px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink); margin-top: 0; padding-bottom: 14px; margin-bottom: var(--space-md); border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstand .lst-lb-head-icon{
  width: 48px; height: 48px; flex: none;
  display: flex; align-items: center; justify-content: center;
}#pg-lstand .lst-lb-head-icon svg{ width: 46px; height: 41px; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.35)); }#pg-lstand .lst-lb-row{
  display: grid; grid-template-columns: 2.8rem 2rem minmax(0,1fr) 272px 1.4rem 4.5rem;
  align-items: center; gap: var(--space-md);
  padding-block: var(--space-sm);
  border-bottom: var(--rule-w) solid var(--color-rule);
}#pg-lstand .lst-lb-rank{ font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-ink-faint); display: flex; align-items: center; justify-content: flex-end; gap: 0.3em; }#pg-lstand .lst-lb-rank .lst-medal{ font-size: 0.95em; }#pg-lstand .lst-lb-rank.lst-top1{ color: var(--color-gold); }#pg-lstand .lst-lb-rank.lst-top2{ color: var(--color-ink); }#pg-lstand .lst-lb-rank.lst-top3{ color: var(--color-accent); }#pg-lstand .lst-lb-avatar{
  width: 30px; height: 30px; border-radius: 50%; flex: none;
  background: var(--color-surface-2); border: var(--rule-w) solid var(--color-rule-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 600; font-size: var(--text-xs); color: var(--color-ink-muted);
}#pg-lstand .lst-lb-name{ min-width: 0; }#pg-lstand .lst-lb-name .lst-who{ font-weight: 600; overflow-wrap: anywhere; }#pg-lstand .lst-lb-bars{ display: flex; gap: 16px; align-items: center; }#pg-lstand .lst-lb-bar-wrap{ display: block; width: 56px; }#pg-lstand .lst-lb-bar-track{ display: block; height: 4px; border-radius: 999px; background: var(--color-surface-2); overflow: hidden; margin-bottom: 3px; }#pg-lstand .lst-lb-bar-fill{ display: block; height: 100%; border-radius: 999px; }#pg-lstand .lst-lb-bar-wrap .lst-n{ font-family: var(--font-mono); font-size: 9px; color: var(--color-ink-faint); text-align: center; display: block; white-space: nowrap; }#pg-lstand .lst-lb-colheads{ display: grid; grid-template-columns: 2.8rem 2rem minmax(0,1fr) 272px 1.4rem 4.5rem; align-items: end; gap: var(--space-md); padding-bottom: 0.4rem; }#pg-lstand .lst-cat-heads{ display: flex; gap: 16px; padding-bottom: 7px; border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstand .lst-cat-heads span{ display: flex; flex-direction: column; align-items: center; gap: 3px; width: 56px; }#pg-lstand .lst-cat-heads svg{ width: 13px; height: 13px; color: var(--color-ink-faint); }#pg-lstand .lst-cat-heads .lst-lbl{ font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-ink-faint); white-space: nowrap; }#pg-lstand .lst-cat-heads .lst-spr svg, #pg-lstand .lst-cat-heads .lst-spr .lst-lbl{ color: var(--d-spr); }#pg-lstand .lst-cat-heads .lst-dst svg, #pg-lstand .lst-cat-heads .lst-dst .lst-lbl{ color: var(--d-dst); }#pg-lstand .lst-cat-heads .lst-jmp svg, #pg-lstand .lst-cat-heads .lst-jmp .lst-lbl{ color: var(--d-jmp); }#pg-lstand .lst-cat-heads .lst-thr svg, #pg-lstand .lst-cat-heads .lst-thr .lst-lbl{ color: var(--d-thr); }#pg-lstand .lst-lb-lock{ color: var(--color-ink-faint); font-size: var(--text-sm); text-align: center; }#pg-lstand .lst-lb-pts{ font-family: var(--font-display); font-weight: 700; font-size: var(--text-md); text-align: right; }#pg-lstand .lst-lb-more{ text-align: center; padding-top: var(--space-lg); }#pg-lstand .lst-lb-more button{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-blue); background: none; border: none; cursor: pointer; border-bottom: 1px solid transparent;
}#pg-lstand .lst-lb-more button:hover{ border-bottom-color: var(--color-blue); }#pg-lstand .lst-lb-note{ font-size: var(--text-xs); color: var(--color-ink-faint); margin-top: var(--space-lg); line-height: 1.5; }

@media (max-width: 560px) {#pg-lstand .lst-lb-row{ grid-template-columns: 2.2rem 1.8rem minmax(0,1fr) 3.5rem; }#pg-lstand .lst-lb-lock, #pg-lstand .lst-lb-bars{ display: none; }
}

@media (prefers-reduced-motion: reduce) {#pg-lstand *{ transition-duration: 0.01ms !important; } }#pg-lstand body::before{
  content: "";
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
  opacity: 0.035; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.lst-w3.lst-org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}#pg-lstand .lst-pod{
  transform-origin: bottom;
  animation: ftRise 0.55s var(--ease-out) backwards;
}#pg-lstand .lst-pod-2{ animation-delay: 0s; }#pg-lstand .lst-pod-1{ animation-delay: 0.12s; }#pg-lstand .lst-pod-3{ animation-delay: 0.24s; }
@keyframes ftRise { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } }#pg-lstand .lst-podium-labels{ opacity: 0; animation: ftFadeIn 0.5s var(--ease-out) 0.45s forwards; }
@keyframes ftFadeIn { to { opacity: 1; } }#pg-lstand .lst-lb-row{ opacity: 0; transform: translateX(-8px); animation: ftRowIn 0.4s var(--ease-out) forwards; }#pg-lstand .lst-lb-row:nth-child(1){ animation-delay: 0.05s; }#pg-lstand .lst-lb-row:nth-child(2){ animation-delay: 0.10s; }#pg-lstand .lst-lb-row:nth-child(3){ animation-delay: 0.15s; }#pg-lstand .lst-lb-row:nth-child(4){ animation-delay: 0.20s; }#pg-lstand .lst-lb-row:nth-child(5){ animation-delay: 0.25s; }#pg-lstand .lst-lb-row:nth-child(6){ animation-delay: 0.30s; }#pg-lstand .lst-lb-row:nth-child(n+7){ animation-delay: 0.34s; }
@keyframes ftRowIn { to { opacity: 1; transform: none; } }#pg-lstand .lst-totm-title::before{ display: inline-block; animation: ftStarPulse 2.4s ease-in-out infinite; }
@keyframes ftStarPulse { 0%, 100% { transform: scale(1); opacity: 0.85; } 50% { transform: scale(1.18); opacity: 1; } }#pg-lstand .lst-perf-row.lst-up .lst-delta{ display: inline-block; animation: ftNudgeUp 1.8s ease-in-out infinite; }#pg-lstand .lst-perf-row.lst-down .lst-delta{ display: inline-block; animation: ftNudgeDown 1.8s ease-in-out infinite; }
@keyframes ftNudgeUp { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes ftNudgeDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(2px); } }#pg-lstand .lst-lb-row{ transition: background 150ms var(--ease-out); border-radius: var(--radius-sm); }#pg-lstand .lst-lb-row:hover{ background: var(--color-surface); }

@media (prefers-reduced-motion: reduce) {#pg-lstand .lst-pod, #pg-lstand .lst-podium-labels, #pg-lstand .lst-lb-row{ animation: none !important; opacity: 1 !important; transform: none !important; }#pg-lstand .lst-totm-title::before, #pg-lstand .lst-perf-row.lst-up .lst-delta, #pg-lstand .lst-perf-row.lst-down .lst-delta{ animation: none !important; }
}





#pg-lstats{
  
  --color-bg:         #070A0F;
  --color-surface:    #11151E;
  --color-surface-2:  #161B26;
  --color-rule:       #1E2430;
  --color-rule-2:     #2A3140;

  
  --color-ink:         #F4F6F9;
  --color-ink-muted:   #8B93A6;
  --color-ink-faint:   #5B6376;

  
  --color-accent:      #FF5A33;
  --color-accent-hover:#E0421F;
  --color-accent-ink:  #0A0604;   

  
  --color-volt:  #27E6A6;   
  --color-blue:  #62A8FF;   
  --color-gold:  #F6C95B;   

  --color-focus: var(--color-blue);
  --color-error: #FF5A33;
  --color-good:  var(--color-volt);

  
  --font-display: "Oswald", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Rajdhani", ui-sans-serif, sans-serif; 

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.15rem;
  --text-lg:   1.4rem;
  --text-xl:   1.85rem;
  --text-2xl:  2.4rem;
  --text-display:   clamp(2.6rem, 6vw + 1rem, 5.5rem);
  --text-display-s: clamp(2rem, 3.2vw + 1rem, 3.4rem);

  
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-w: 1px;

  
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}#pg-lstats *{ box-sizing: border-box; }#pg-lstats, #pg-lstats{ overflow-x: clip; }#pg-lstats{
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  min-width: 0;
}#pg-lstats a{ color: inherit; }#pg-lstats .sts-wrap{ max-width: 1180px; margin-inline: auto; padding-inline: var(--space-lg); }#pg-lstats .sts-topline{ height: 3px; background: var(--color-accent); }#pg-lstats header.sts-nav{ border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstats .sts-nav-top{ display: flex; align-items: center; justify-content: space-between; padding-block: var(--space-md) var(--space-sm); gap: var(--space-lg); }#pg-lstats .sts-nav-bottom{ padding-block: var(--space-sm) var(--space-md); border-top: var(--rule-w) solid var(--color-rule); }#pg-lstats .sts-brand{ display: flex; align-items: center; gap: var(--space-sm); text-decoration: none; min-width: 0; flex: none; }#pg-lstats .sts-brand img{ height: 34px; width: auto; display: block; flex: none; }#pg-lstats .sts-brand-word{ font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; }#pg-lstats .sts-brand-word .sts-hi{ color: var(--color-accent); }#pg-lstats .sts-nav-links{ display: flex; align-items: center; gap: var(--space-lg); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }#pg-lstats .sts-nav-links a{
  font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; color: var(--color-ink-muted);
  padding-block: var(--space-xs); border-bottom: 2px solid transparent;
  transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}#pg-lstats .sts-nav-links a:hover{ color: var(--color-ink); }#pg-lstats .sts-nav-links a:focus-visible{ outline: 2px solid var(--color-focus); outline-offset: 3px; }#pg-lstats .sts-nav-links a[aria-current="page"]{ color: var(--color-ink); border-bottom-color: var(--color-accent); }#pg-lstats .sts-nav-status{ display: flex; align-items: center; gap: var(--space-md); flex: none; }#pg-lstats .sts-status-tag{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink); padding-bottom: 0.3rem; border-bottom: 2px solid var(--color-accent); }#pg-lstats .sts-status-rule{ width: var(--rule-w); height: 14px; background: var(--color-rule-2); flex: none; }#pg-lstats .sts-status-pending{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-gold); }#pg-lstats .sts-icon-btn{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-sm); border: var(--rule-w) solid var(--color-rule-2); background: transparent; color: var(--color-ink-muted); cursor: pointer; }#pg-lstats .sts-icon-btn:hover{ color: var(--color-ink); border-color: var(--color-rule); }#pg-lstats .sts-user-chip{ display: inline-flex; align-items: center; gap: var(--space-xs); font-family: var(--font-mono); font-size: var(--text-xs); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm); padding: 0.4rem 0.7rem; color: var(--color-ink); background: transparent; cursor: pointer; }#pg-lstats .sts-user-chip .sts-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--color-gold); flex: none; }
@media (max-width: 560px) {#pg-lstats .sts-nav-top{ flex-wrap: wrap; } }#pg-lstats main{ padding-block: var(--space-lg) var(--space-2xl); }#pg-lstats .sts-page-head{ margin-bottom: var(--space-lg); }#pg-lstats .sts-page-eyebrow{ font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-ink-faint); margin-bottom: var(--space-xs); }#pg-lstats .sts-page-head h1{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-2xl); margin: 0 0 var(--space-sm); letter-spacing: 0.01em; }#pg-lstats .sts-page-head h1 .sts-accent{ color: var(--color-accent); }#pg-lstats .sts-page-sub{ color: var(--color-ink-muted); font-size: var(--text-sm); max-width: 60ch; margin: 0; }#pg-lstats .sts-tiles{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin-bottom: 0.6rem; }
@media (max-width: 700px) {#pg-lstats .sts-tiles{ grid-template-columns: repeat(2, minmax(0,1fr)); } }#pg-lstats .sts-tile{
  background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-sm);
  padding: 12px 13px 11px; height: 92px;
  position: relative; overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}#pg-lstats .sts-tile::before{
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.05; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.sts-w3.sts-org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}#pg-lstats .sts-tile > *{ position: relative; z-index: 1; }#pg-lstats .sts-tile .sts-lbl{ font-family: var(--font-mono); font-size: 0.58rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-ink-faint); margin: 0 34px 9px 0; }#pg-lstats .sts-tile .sts-val{ font-family: var(--font-display); font-weight: 700; font-size: 34px; line-height: 1.05; margin: 0 0 5px; }#pg-lstats .sts-tile .sts-sub{ font-size: 0.6rem; color: var(--color-ink-muted); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }#pg-lstats .sts-tile-icon{
  position: absolute; top: 12px; right: 12px; flex: none; width: 30px; height: 30px; border-radius: var(--radius-sm);
  background: var(--color-surface-2); border: var(--rule-w) solid var(--color-rule-2);
  display: flex; align-items: center; justify-content: center; color: var(--color-ink-faint);
}#pg-lstats .sts-tile-icon svg{ width: 15px; height: 15px; }#pg-lstats .sts-panels{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
@media (max-width: 800px) {#pg-lstats .sts-panels{ grid-template-columns: 1fr; } }#pg-lstats .sts-panel{ background: var(--color-surface); border: var(--rule-w) solid var(--color-rule-2); border-radius: var(--radius-md); padding: 1.1rem; margin-bottom: 1rem; }#pg-lstats .sts-panel-full{ grid-column: 1 / -1; }#pg-lstats .sts-panel-head{ margin-bottom: 0.6rem; }#pg-lstats .sts-panel-title{ font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--text-sm); letter-spacing: 0.01em; margin: 0; }#pg-lstats .sts-panel-desc{ font-size: 0.7rem; color: var(--color-ink-faint); margin: 0.2em 0 0; }#pg-lstats .sts-panel-insight{
  display: flex; gap: 0.5em; font-size: 0.7rem; color: var(--color-ink-muted);
  margin-top: 0.6rem; padding-top: 0.6rem; border-top: var(--rule-w) solid var(--color-rule); line-height: 1.45;
}#pg-lstats .sts-panel-insight b{ color: var(--color-ink); font-weight: 600; }#pg-lstats .sts-bar-row{ display: grid; grid-template-columns: minmax(0,1fr) 3rem 3.2rem; align-items: center; gap: var(--space-sm); padding-block: 0.4em; border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstats .sts-bar-row:last-of-type{ border-bottom: none; }#pg-lstats .sts-bar-row .sts-who{ min-width: 0; }#pg-lstats .sts-bar-row .sts-nm{ font-family: var(--font-mono); font-size: var(--text-sm); overflow-wrap: anywhere; display: inline-flex; align-items: center; gap: 0.4em; }#pg-lstats .sts-bar-row .sts-who .sts-ev{ font-family: var(--font-mono); font-size: 11px; color: var(--color-ink-faint); margin-left: 0.5em; }#pg-lstats .sts-bar-track{ grid-column: 1 / -1; height: 6px; border-radius: 999px; background: var(--color-surface-2); overflow: hidden; margin-top: 0.35em; }#pg-lstats .sts-bar-fill{ height: 100%; border-radius: 999px; }#pg-lstats .sts-bar-row .sts-pct{ font-family: var(--font-mono); font-size: var(--text-sm); font-weight: 700; text-align: right; }#pg-lstats .sts-bar-row .sts-price{ font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-ink-faint); text-align: right; }#pg-lstats .sts-flag{
  display: inline-flex; align-items: center; justify-content: center; overflow: hidden;
  border: var(--rule-w) solid var(--color-rule-2); border-radius: 3px;
  width: 22px; height: 14px; padding: 0; flex: none;
}#pg-lstats .sts-flag .sts-fi{ width: 100%; height: 100%; border-radius: 1px; background-size: cover; }#pg-lstats .sts-disc-row{ padding-block: 0.28em; border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstats .sts-disc-row:last-of-type{ border-bottom: none; }#pg-lstats .sts-disc-head{ display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.25em; }#pg-lstats .sts-disc-head .sts-nm{ font-family: var(--font-mono); font-size: var(--text-sm); display: flex; align-items: center; gap: 0.5em; }#pg-lstats .sts-disc-head .sts-nm .sts-sw{ width: 8px; height: 8px; flex: none; }#pg-lstats .sts-disc-head .sts-amt{ font-family: var(--font-mono); font-weight: 700; font-size: var(--text-sm); }#pg-lstats .sts-disc-track{ height: 6px; border-radius: 999px; background: var(--color-surface-2); overflow: hidden; }#pg-lstats .sts-disc-fill{ height: 100%; border-radius: 999px; }#pg-lstats .sts-disc-slot{ font-family: var(--font-mono); font-size: 0.68rem; color: var(--color-ink-faint); margin-top: 0.25em; text-align: right; }#pg-lstats .sts-evt-row{ padding-block: 0.35em; border-bottom: var(--rule-w) solid var(--color-rule); }#pg-lstats .sts-evt-row:last-of-type{ border-bottom: none; }#pg-lstats .sts-evt-head{ display: flex; justify-content: space-between; align-items: center; gap: var(--space-sm); margin-bottom: 0.3em; }#pg-lstats .sts-evt-row .sts-nm{ font-family: var(--font-mono); font-size: var(--text-sm); display: flex; align-items: center; gap: 0.5em; }#pg-lstats .sts-evt-row .sts-nm .sts-sw{ width: 8px; height: 8px; border-radius: 2px; flex: none; }#pg-lstats .sts-evt-row .sts-figs{ display: flex; align-items: center; gap: var(--space-md); flex: none; }#pg-lstats .sts-evt-row .sts-cov{ font-family: var(--font-mono); font-weight: 700; font-size: var(--text-sm); color: var(--color-ink); width: 3rem; text-align: right; }#pg-lstats .sts-evt-row .sts-amt{ font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-ink-faint); width: 3.2rem; text-align: right; }#pg-lstats .sts-evt-row .sts-star{ font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-ink-faint); width: 3.2rem; text-align: right; }#pg-lstats .sts-evt-track{ width: calc(100% - (2 * var(--space-sm)) - 3rem - 3.2rem); height: 6px; border-radius: 999px; background: var(--color-surface-2); overflow: hidden; }#pg-lstats .sts-evt-fill{ height: 100%; border-radius: 999px; }

@media (prefers-reduced-motion: reduce) {#pg-lstats *{ transition-duration: 0.01ms !important; } }#pg-lstats body::before{
  content: "";
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
  opacity: 0.035; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.sts-w3.sts-org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}#pg-lstats .sts-bar-fill, #pg-lstats .sts-disc-fill, #pg-lstats .sts-evt-fill{ transition: width 700ms var(--ease-out); }#pg-lstats .sts-tile .sts-val.sts-ft-counting{ font-variant-numeric: tabular-nums; }#pg-lstats .sts-tile{ transition: transform 150ms var(--ease-out), border-color 150ms var(--ease-out); }#pg-lstats .sts-tile:hover{ transform: translateY(-2px); border-color: var(--color-rule); }#pg-lstats .sts-panel-insight{ position: relative; }#pg-lstats .sts-panel-insight::first-letter{ display: inline-block; animation: ftBulbPulse 2.6s ease-in-out infinite; }
@keyframes ftBulbPulse { 0%, 100% { opacity: 0.75; transform: scale(1); } 50% { opacity: 1; transform: scale(1.15); } }#pg-lstats .sts-bar-row:hover .sts-bar-fill, #pg-lstats .sts-disc-row:hover .sts-disc-fill, #pg-lstats .sts-evt-row:hover .sts-evt-fill{ filter: brightness(1.25); }#pg-lstats .sts-bar-fill, #pg-lstats .sts-disc-fill, #pg-lstats .sts-evt-fill{ transition: width 700ms var(--ease-out), filter 150ms var(--ease-out); }

@media (prefers-reduced-motion: reduce) {#pg-lstats .sts-panel-insight::first-letter{ animation: none !important; }
}




#pg-lstats .sts-noc{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:15px;padding:0 4px;margin-right:8px;border-radius:2px;background:#2A3140;color:#C7CEDC;font-family:var(--rd-mono);font-size:9px;letter-spacing:.06em}
/* real nation flags replace the code chips on the stats lists */
#pg-lstats .sts-flag{display:inline-flex;margin-right:8px;flex:none}
#pg-lstats .sts-flag .lst-flag{display:inline-flex;width:22px;height:15px;border-radius:2px;overflow:hidden;border:none;padding:0}
#pg-lstats .sts-flag .lst-flag svg{width:100%;height:100%;display:block}
#pg-lstand .lst-pod-avatar-x .mgr-av,#pg-lstand .lst-pod-avatar-x img{width:26px;height:26px;border-radius:50%}
#pg-lstand .lst-pod-avatar-x{display:inline-flex}
/* Team of the Meet card additions: inline-SVG flags fill the .lst-flag chip, and a
   quiet mono "View on track" action sits right of the star title */
#pg-lstand .lst-flag svg{width:100%;height:100%;display:block}
/* event tag vertically centred against the athlete name (was baseline-aligned) */
#pg-lstand .lst-perf-row .lst-who{align-items:center}
#pg-lstand .lst-totm-link{font-family:var(--rd-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-blue);background:none;border:none;cursor:pointer;padding:0}
#pg-lstand .lst-totm-link:hover{text-decoration:underline}
#pg-lstand .lst-perf-label{display:flex}
#pg-lstats .sts-evrow .sts-nm{font-weight:600}


.ftp-card .ftp-list{max-height:52vh;overflow:auto;margin-top:6px;padding-right:4px}
.ftp-grp{margin:10px 0}
.ftp-grp h4{margin:6px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ftp-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:6px 0}
.ftp-row.ftp-edited{border-color:rgba(246,201,91,.55);background:linear-gradient(90deg,rgba(246,201,91,.08),transparent)}
.ftp-id{flex:1;min-width:0}
.ftp-id b{display:block;font-size:14px}
.ftp-meta{color:var(--muted);font-size:11px}
.ftp-price{display:flex;align-items:center;gap:6px}
.ftp-cur,.ftp-m{color:var(--muted);font-size:13px}
.ftp-in{width:66px;padding:6px 8px;text-align:right;font-family:'Space Mono',monospace}
.ftp-base{color:var(--faint);font-size:11px;min-width:74px}
.ftp-undo{background:none;border:1px solid var(--line);color:var(--gold);border-radius:8px;cursor:pointer;width:26px;height:26px;font-size:14px}
.ftm-card .ftm-preview{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.ftm-head{margin-bottom:10px;font-size:14px}
.ftm-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
@media(max-width:640px){.ftm-grid{grid-template-columns:1fr}}
.ftm-evs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ftm-ev{border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--surface);font-size:12px}
.ftm-ev b{display:block}
.ftm-ev span{color:var(--muted);font-size:11px}
.ftm-review{margin-top:12px;max-height:440px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:4px 10px;background:var(--surface)}
.ftm-evd{border-bottom:1px solid var(--line);padding:4px 0}
.ftm-evd:last-child{border-bottom:0}
.ftm-evd summary{cursor:pointer;padding:6px 0;font-size:13px}
.ftm-ath{display:flex;align-items:center;gap:8px;padding:3.5px 0 3.5px 18px;font-size:12.5px;flex-wrap:wrap}
.ftm-ath.off{opacity:.42}
.ftm-ath label{display:flex;align-items:center;gap:7px;cursor:pointer;min-width:180px}
.ftm-ath .note{font-size:11px}
.ftm-price{margin-left:auto;font-size:12px;white-space:nowrap}
.ftm-price input{width:52px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:inherit;padding:2px 5px;font:inherit;font-size:12px}
.ftm-flag{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--muted)}
.ftm-flag.new{color:var(--volt);border-color:var(--volt)}
.ftm-flag.ok{color:var(--muted)}
.ftm-flag.warn{color:var(--gold);border-color:var(--gold)}
.ftm-src{margin:10px 0 0;padding:7px 10px;border-radius:8px;border:1px solid var(--line)}
.ftm-src.ok{color:var(--volt);border-color:rgba(39,230,166,.4)}
.ftm-src.warn{color:var(--gold);border-color:rgba(246,201,91,.5)}

