/* ════════════════════════════════════════════════════════════════════════
   FB COMPAT SKIN — maps the legacy shell classes (leaderboard.html,
   competitions.html) onto the Funded Beast design system in ZZL green,
   without touching their markup. Load AFTER the page's inline styles.
   ════════════════════════════════════════════════════════════════════════ */
:root{
  --bg:#050c08;--bg-2:#071009;--bg-3:#0b150e;
  --card:rgba(242,251,246,.07);--line:rgba(242,251,246,.14);--line-2:rgba(242,251,246,.11);
  --neon:#C6FF3D;--green:#3DDC97;--white:#F2FBF6;
  --grey:rgba(242,251,246,.7);--grey-2:rgba(242,251,246,.52);
}
html,body{background:var(--bg)!important;font-family:'Geist','Sora',sans-serif}
h1,h2,h3{font-family:'Geist','Sora',sans-serif;font-weight:500;letter-spacing:-0.02em}
body::before{content:"";position:fixed;inset:-10%;z-index:0;pointer-events:none;
  background:
    radial-gradient(32% 26% at 78% 12%, rgba(30,158,99,.12), transparent 68%),
    radial-gradient(28% 24% at 16% 78%, rgba(61,220,151,.085), transparent 66%),
    radial-gradient(22% 18% at 60% 96%, rgba(198,255,61,.07), transparent 64%);
  filter:blur(56px) saturate(1.15)}
.sidebar{background:linear-gradient(180deg,rgba(9,18,12,.72),rgba(5,12,8,.86))!important;
  backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
  border-right:1px solid var(--line-2)!important;z-index:40}
.side-brand .b1{font-family:'Geist','Sora',sans-serif;font-weight:500;font-size:16px;letter-spacing:-.015em}
.side-brand .b2{font-size:9px;letter-spacing:.22em;color:var(--grey-2)}
.side-label{display:none}
.side-link{display:flex;align-items:center;gap:13px;height:44px;padding:0 14px;border-radius:14px;
  font-size:14.5px;color:var(--grey);transition:color .2s ease;background:none;border:1px solid transparent;margin-bottom:8px}
.side-link svg{opacity:.7;transition:opacity .2s}
.side-link:hover{color:var(--white);background:none;transform:none}
.side-link:hover svg{opacity:1}
.side-link.active{color:#fff;font-weight:600;
  background:linear-gradient(140deg,rgba(242,251,246,.1),rgba(242,251,246,.04))!important;
  border:1px solid var(--line)!important;
  box-shadow:0 6px 20px rgba(1,4,2,.4), inset 0 1px 0 rgba(255,255,255,.1)!important}
.side-link.active svg{opacity:1;color:var(--neon)}
.side-link .zcomp-navnew{display:none}
.new-challenge{background:var(--neon)!important;color:#05130a!important;border-radius:999px!important;
  font-weight:600!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;
  box-shadow:0 6px 24px rgba(198,255,61,.22), inset 0 1px 0 rgba(255,255,255,.45)!important}
.new-challenge::before{display:none}

/* ═══ ZZL minimal scroller — the theme scrollbar, everywhere (owner 2026-09-04) ═══ */
*{scrollbar-width:thin;scrollbar-color:rgba(93,214,44,.45) transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(93,214,44,.4);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:rgba(93,214,44,.7)}