/* صفحهٔ معرفیِ «رهبرانِ آینده» — هم‌زبان با /play/play.css */
@font-face{font-family:"Vazirmatn";src:url("../assets/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("../assets/Vazirmatn-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("../assets/Vazirmatn-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
:root{
  color-scheme:light;
  --bg:#f2f4f7; --surface:#fff; --surface2:#f7f8fa; --ink:#1c2433; --ink2:#465064; --muted:#687386; --line:#e4e8ee; --line2:#d6dce4;
  --accent:#7500cf; --accent-2:#6400b0; --accent-strong:#7500cf; --accent-soft:#f1e6fb; --accent-line:#dcc4f3; --gold:#c9962e; --gold-soft:#fbf3e1; --gold-line:#efd9a6; --gold-ink:#6a4d10;
  --good:#2f8a4f; --bad:#b03a2f; --bad-soft:#fbeae8;
  --kavir:#8a5210; --marz:#9a3a30; --night:#170029; --topbar-bg:rgba(255,255,255,.92); --score-a:#fff; --score-b:#fbf7ff; --score-bd:#e6d6f7;
  --l1-c:#9aa4b0; --l1-bg:#f7f8fa; --l1-bd:#e4e8ee; --l1-ink:#465064; --l3-c:#5b8fd0; --l3-bg:#eef6ff; --l3-bd:#c8def5; --l3-ink:#2f5f9a;
  --l5-c:#48a066; --l5-bg:#eefaf1; --l5-bd:#c5e6cf; --l5-ink:#2f7a4a; --li-c:#d9a72c; --li-bg:#fff4e0; --li-bd:#f0d49a; --li-ink:#8a5a0a;
  --radius:18px; --shadow:0 1px 2px rgba(20,30,50,.06),0 12px 32px -16px rgba(20,30,50,.25);
  --wrap:1120px;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0e131d; --surface:#161c28; --surface2:#1d2432; --ink:#e8ecf3; --ink2:#b9c1cf; --muted:#939db0; --line:#283042; --line2:#364056;
  --accent:#c39bff; --accent-2:#9b55f0; --accent-strong:#8b3dea; --accent-soft:#2c1f48; --accent-line:#4c3775; --gold:#e0b04a; --gold-soft:#2d2616; --gold-line:#5c4a22; --gold-ink:#f0d38a;
  --good:#5fcf8a; --bad:#ff8b7e; --bad-soft:#3b1d1b;
  --kavir:#8a5210; --marz:#9a3a30; --night:#0a0614; --topbar-bg:rgba(14,19,29,.88); --score-a:#1a1730; --score-b:#161c28; --score-bd:#3a2d5c;
  --l1-c:#8d97a6; --l1-bg:#1d2432; --l1-bd:#364056; --l1-ink:#c7ceda; --l3-c:#6ea2e6; --l3-bg:#15253a; --l3-bd:#2e4a70; --l3-ink:#9cc4f5;
  --l5-c:#5dbb7c; --l5-bg:#13291c; --l5-bd:#2c5a3c; --l5-ink:#8fd6a8; --li-c:#e0b04a; --li-bg:#2e2413; --li-bd:#6a5320; --li-ink:#f0c870;
  --shadow:0 1px 2px rgba(0,0,0,.45),0 12px 32px -16px rgba(0,0,0,.75);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0e131d; --surface:#161c28; --surface2:#1d2432; --ink:#e8ecf3; --ink2:#b9c1cf; --muted:#939db0; --line:#283042; --line2:#364056;
  --accent:#c39bff; --accent-2:#9b55f0; --accent-strong:#8b3dea; --accent-soft:#2c1f48; --accent-line:#4c3775; --gold:#e0b04a; --gold-soft:#2d2616; --gold-line:#5c4a22; --gold-ink:#f0d38a;
  --good:#5fcf8a; --bad:#ff8b7e; --bad-soft:#3b1d1b;
  --kavir:#8a5210; --marz:#9a3a30; --night:#0a0614; --topbar-bg:rgba(14,19,29,.88); --score-a:#1a1730; --score-b:#161c28; --score-bd:#3a2d5c;
  --l1-c:#8d97a6; --l1-bg:#1d2432; --l1-bd:#364056; --l1-ink:#c7ceda; --l3-c:#6ea2e6; --l3-bg:#15253a; --l3-bd:#2e4a70; --l3-ink:#9cc4f5;
  --l5-c:#5dbb7c; --l5-bg:#13291c; --l5-bd:#2c5a3c; --l5-ink:#8fd6a8; --li-c:#e0b04a; --li-bg:#2e2413; --li-bd:#6a5320; --li-ink:#f0c870;
  --shadow:0 1px 2px rgba(0,0,0,.45),0 12px 32px -16px rgba(0,0,0,.75);
}}
*{box-sizing*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--accent)}
h1,h2,h3{line-height:1.45}
:focus-visible{outline:3px solid #b77cf0;outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--surface);color:var(--accent);padding:.4rem .9rem;border-radius:10px;font-weight:700;z-index:30;box-shadow:var(--shadow)}
.skip:focus{top:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}

/* ---------- top bar ---------- */
.topbar{position:sticky;top:0;z-index:20;background:var(--topbar-bg);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:12px;min-height:60px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex:none}
.mk{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#e9c46a,#c9962e);display:grid;place-items:center;color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.brand b{display:block;font-size:1.02rem;line-height:1.25}.brand small{display:block;color:var(--muted);font-size:.72rem;line-height:1.3}
.nav{display:flex;gap:2px;margin-inline-start:auto}
.nav a{font-weight:700;font-size:.84rem;color:var(--ink2);text-decoration:none;padding:.3rem .7rem;border-radius:9px;white-space:nowrap}
.nav a:hover{background:var(--surface2);color:var(--accent)}
.topbar .btn{flex:none}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 .92rem Vazirmatn,sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line2);border-radius:12px;padding:.55rem 1.1rem;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;line-height:1.5}
.btn:hover{background:var(--surface2)}
.btn.go{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;box-shadow:0 10px 24px -12px rgba(117,0,207,.9)}
.btn.go:hover{background:var(--accent-2);transform:translateY(-1px)}
.btn.gold{background:linear-gradient(135deg,#f0cf78,#c9962e);border-color:#b8862a;color:#241800;box-shadow:0 12px 28px -12px rgba(201,150,46,.9)}
.btn.gold:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn.ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.18)}
.btn.lg{font-size:1.02rem;padding:.75rem 1.5rem;border-radius:14px}
.btn.sm{font-size:.8rem;padding:.3rem .75rem;border-radius:10px}
.btn svg{flex:none}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 500px at 85% -10%,rgba(216,13,128,.28),transparent 60%),linear-gradient(160deg,#1d0b36,#3a1566 55%,#6a0bbd)}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px;align-items:center;padding-top:56px;padding-bottom:64px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:.2rem .8rem;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#f3ecff}
.pill img{height:18px;width:auto}
.pill.soon{background:rgba(233,196,106,.16);border-color:rgba(233,196,106,.45);color:#fbe7b2}
.pill.soon i{width:7px;height:7px;border-radius:50%;background:#e9c46a;box-shadow:0 0 0 0 rgba(233,196,106,.7);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(233,196,106,0)}100%{box-shadow:0 0 0 0 rgba(233,196,106,0)}}
.hero h1{margin:0;font-size:clamp(2.4rem,5.4vw,3.7rem);font-weight:900;line-height:1.25;letter-spacing:-.01em;background:linear-gradient(100deg,#fff3cf,#e9c46a 45%,#fff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .tag{margin:.5rem 0 0;font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:700;color:#fff;line-height:1.55}
.hero .lead{margin:.9rem 0 0;font-size:1.02rem;color:#e3d6f7;max-width:34em}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:30px 0 0;padding:0;list-style:none;max-width:520px}
.facts li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.55rem .4rem;text-align:center}
.facts b{display:block;font-size:1.45rem;line-height:1.3;color:#fff}
.facts small{display:block;font-size:.72rem;color:#d6c6f0;line-height:1.5}
.shot{position:relative;margin:0;border-radius:22px;padding:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:0 40px 80px -30px rgba(0,0,0,.65)}
.shot .vp{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1400/859;background:#e9dfc9}
.shot img{width:100%;height:100%;object-fit:cover;transform-origin:50% 45%;animation:pan 26s ease-in-out infinite alternate}
@keyframes pan{0%{transform:scale(1.02) translate(0,0)}100%{transform:scale(1.16) translate(-3%,2%)}}
.shot .chip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.94);color:#1c2433;border-radius:12px;padding:.3rem .7rem;font-size:.78rem;font-weight:700;box-shadow:0 8px 20px -10px rgba(20,10,40,.6)}
.shot .chip.c1{top:18px;inset-inline-end:18px}
.shot .chip.c2{bottom:18px;inset-inline-start:18px;color:#8a2f25}
.shot .chip .d{width:8px;height:8px;border-radius:50%;background:var(--good)}
.shot .chip.c2 .d{background:var(--bad);animation:ping-r 1.8s infinite}
@keyframes ping-r{0%{box-shadow:0 0 0 0 rgba(196,73,61,.6)}70%{box-shadow:0 0 0 7px rgba(196,73,61,0)}100%{box-shadow:0 0 0 0 rgba(196,73,61,0)}}
.shot figcaption{font-size:.74rem;color:#cdbbe9;text-align:center;padding:.45rem 0 .1rem}

/* ---------- sections ---------- */
section.s{padding:72px 0 0;scroll-margin-top:60px}
.sh{max-width:720px;margin:0 0 28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.1rem .75rem}
.sh h2{margin:.55rem 0 .3rem;font-size:clamp(1.55rem,3.2vw,2.1rem);font-weight:900}
.sh p{margin:0;color:var(--ink2);font-size:1rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:st}
.step{padding:22px 22px 20px;position:relative;overflow:hidden}
.step .n{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.step .n b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#8f2ee0,#6400b0);color:#fff;font-size:1.25rem;box-shadow:0 10px 20px -12px rgba(117,0,207,.9);flex:none}
.step h3{margin:0;font-size:1.15rem}
.step p{margin:.2rem 0;color:var(--ink2);font-size:.93rem}
.step .big{font-size:2rem;font-weight:900;color:var(--accent);line-height:1.2}
.step .big small{font-size:.85rem;font-weight:700;color:var(--muted)}
.step .big .vr{display:inline-block;width:1px;height:1.1em;background:var(--line2);margin:0 .7rem;vertical-align:-.15em}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.chips span{font-size:.76rem;font-weight:700;border-radius:999px;padding:.1rem .65rem;background:var(--surface2);border:1px solid var(--line);color:var(--ink2)}
.chips span.hot{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}
.waves{display:flex;align-items:flex-end;gap:5px;height:46px;margin-top:12px}
.waves i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#e2766b,#c4493d);opacity:.9}
.waves i:nth-child(1){height:14%}.waves i:nth-child(2){height:24%}.waves i:nth-child(3){height:34%}.waves i:nth-child(4){height:46%}.waves i:nth-child(5){height:58%}.waves i:nth-child(6){height:72%}.waves i:nth-child(7){height:86%}.waves i:nth-child(8){height:100%}
.wl{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:4px}
.dis{margin-top:14px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.88rem;color:var(--ink2)}
.dis b{color:var(--ink)}

/* lands */
.lands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.land{overflow:hidden;display:flex;flex-direction:column}
.land .ph{position:relative;aspect-ratio:880/495;overflow:hidden;background:#e7e1d2}
.land .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.land:hover .ph img{transform:scale(1.04)}
.land .dz{position:absolute;top:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.95);border-radius:999px;padding:.15rem .75rem;font-size:.8rem;font-weight:700;color:var(--c);box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
.land .dz i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.land .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.land h3{margin:0;font-size:1.3rem}
.land p{margin:0;color:var(--ink2);font-size:.95rem}
.land .btn{align-self:flex-start;margin-top:auto}
.kavir{--c:var(--kavir)}.marz{--c:var(--marz)}

/* rules */
.rules{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:start}
.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.kv div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.75rem .4rem;text-align:center;box-shadow:var(--shadow)}
.kv b{display:block;font-size:1.9rem;line-height:1.2;color:var(--accent);font-weight:900}
.kv small{display:block;font-size:.76rem;color:var(--muted);line-height:1.5}
.flow{padding:8px 22px}
.flow ol{list-style:none;margin:0;padding:0}
.flow li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.flow li:last-child{border-bottom:0}
.flow li>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);flex:none;font-size:.95rem;margin-top:2px}
.flow li strong{display:block;font-size:.98rem}
.flow li span{display:block;font-size:.9rem;color:var(--ink2)}
.flow li.burn>b{background:var(--bad-soft);color:var(--bad)}
.score{padding:22px;background:linear-gradient(165deg,var(--score-a),var(--score-b));border-color:var(--score-bd)}
.score h3{margin:0 0 .4rem;font-size:1.15rem}
.formula{direction:rtl;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:14px 0;padding:14px;border-radius:14px;background:var(--night);color:#fff;font-weight:700;font-size:1rem;text-align:center}
.formula .op{color:#e9c46a;font-size:1.3rem}
.formula .t{background:rgba(255,255,255,.1);border-radius:9px;padding:.1rem .6rem}
.score p{margin:.35rem 0;color:var(--ink2);font-size:.92rem}
.score ul{margin:.5rem 0 0;padding-inline-start:1.2rem;color:var(--ink2);font-size:.9rem}
.score li{margin:.2rem 0}
.soonnote{margin-top:12px;font-size:.8rem;color:var(--muted)}

/* leagues */
.track{margin:0 0 16px;padding:16px 18px}
.track .cap{font-size:.86rem;color:var(--ink2);margin:0 0 10px}
.segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.segs div{text-align:center}
.segs i{display:block;height:10px;border-radius:6px;background:var(--lc)}
.segs span{display:block;font-size:.78rem;font-weight:700;color:var(--ink2);margin-top:4px}
.segs div:first-child i{border-radius:6px}
.leagues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lgc{padding:18px;border-top:4px solid var(--lc);display:flex;flex-direction:column;gap:6px}
.lgc .lg{align-self:flex-start;display:inline-flex;border-radius:999px;padding:.08rem .7rem;font-size:.8rem;font-weight:700;background:var(--lbg);color:var(--lc2);border:1px solid var(--lbd)}
.lgc .need{font-size:1.5rem;font-weight:900;line-height:1.3;color:var(--ink)}
.lgc .need small{font-size:.8rem;font-weight:700;color:var(--muted)}
.lgc p{margin:0;font-size:.88rem;color:var(--ink2)}
.l-solo{--lc:var(--l1-c);--lbg:var(--l1-bg);--lbd:var(--l1-bd);--lc2:var(--l1-ink)}
.l-three{--lc:var(--l3-c);--lbg:var(--l3-bg);--lbd:var(--l3-bd);--lc2:var(--l3-ink)}
.l-five{--lc:var(--l5-c);--lbg:var(--l5-bg);--lbd:var(--l5-bd);--lc2:var(--l5-ink)}
.l-inf{--lc:var(--li-c);--lbg:var(--li-bg);--lbd:var(--li-bd);--lc2:var(--li-ink)}
.invite{margin-top:16px;padding:18px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
.invite .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.invite h3{margin:0;font-size:1.02rem}
.invite p{margin:.1rem 0 0;font-size:.9rem;color:var(--ink2)}

/* prizes */
.prizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.prize{padding:24px;position:relative;overflow:hidden}
.prize .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:12px}
.prize.day .ic{background:var(--gold-soft);color:var(--gold-ink)}
.prize.week .ic{background:var(--accent-soft);color:var(--accent)}
.prize h3{margin:0 0 .3rem;font-size:1.2rem}
.prize p{margin:0;color:var(--ink2);font-size:.94rem}
.medals{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.medal{flex:1 1 90px;border-radius:14px;padding:.6rem .5rem;text-align:center;border:1px solid var(--line);background:var(--surface2)}
.medal i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#1c1405;font-style:normal;font-weight:700;font-size:.9rem;background:var(--m)}
.medal b{display:block;font-size:.95rem;margin-top:4px}
.medal small{display:block;font-size:.74rem;color:var(--muted)}
.m1{--m:#d9a72c}.m2{--m:#b3bcc7}.m3{--m:#c98d5a}
.pnote{margin-top:16px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:var(--gold-soft);border:1px solid var(--gold-line);color:var(--gold-ink);font-weight:700;font-size:.92rem}

/* developers */
.dev{background:linear-gradient(160deg,#141b29,#1c2433);color:#e6edf3;border-radius:24px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;box-shadow:var(--shadow)}
.dev .eyebrow{background:rgba(155,93,229,.2);color:#d9b8ff}
.dev h2{margin:.55rem 0 .4rem;font-size:clamp(1.45rem,3vw,1.9rem);font-weight:900;color:#fff}
.dev p{margin:.3rem 0;color:#b8c2d3;font-size:.95rem}
.dev ul{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:8px}
.dev li{display:flex;gap:10px;font-size:.92rem;color:#d3dbe8}
.dev li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#9b5de5;margin-top:.7em}
.dev .no{margin-top:16px;display:inline-flex;gap:8px;align-items:center;background:rgba(196,73,61,.15);border:1px solid rgba(226,118,107,.4);color:#ffc9c1;border-radius:12px;padding:.4rem .8rem;font-weight:700;font-size:.9rem}
.term{background:#0d121c;border:1px solid #2a3446;border-radius:16px;overflow:hidden;align-self:start;min-width:0}
.term .tb{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #222c3d}
.term .tb i{width:10px;height:10px;border-radius:50%;background:#3a4558}
.term .tb span{margin-inline-start:auto;font-size:.74rem;color:#8a96aa}
.term pre{direction:ltr;text-align:left;margin:0;padding:14px 16px;font:13px/1.8 ui-monospace,Consolas,Menlo,monospace;color:#e6edf3;overflow-x:auto;white-space:pre}
.term pre .c{color:#7f8ba0}.term pre .p{color:#b58cff}
.term .row{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
.term .btn{background:#1f2839;border-color:#33405a;color:#e6edf3}
.term .btn:hover{background:#28334a}
.ver{font-size:.8rem;color:#9fb0c8;padding:0 16px 14px;overflow-wrap:anywhere}
.ver code{direction:ltr;unicode-bidi:isolate;font:12px ui-monospace,Consolas,monospace;color:#e9c46a}
.copied{font-size:.8rem;font-weight:700;color:#8fd0a5;align-self:center}

/* faq */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0 18px;box-shadow:0 1px 2px rgba(20,30,50,.04)}
.faq summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:700;font-size:.98rem;display:flex;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-inline-start:auto;flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:1.1rem;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 14px;color:var(--ink2);font-size:.92rem}

/* closing */
.closing{margin:80px 0 0;border-radius:26px;padding:40px 28px;text-align:center;color:#fff;background:radial-gradient(600px 300px at 20% 0%,rgba(216,13,128,.35),transparent 60%),linear-gradient(150deg,#2b1648,#5a1f96 60%,#7500cf);box-shadow:var(--shadow)}
.closing h2{margin:0;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:900}
.closing p{margin:.4rem auto 0;color:#e3d6f7;max-width:36em}
.closing .ctas{justify-content:center}

footer{margin-top:64px;background:var(--night);color:#c9bde0;padding:36px 0 28px;font-size:.88rem}
footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
footer .logo img{height:40px;width:auto}
footer nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-inline-start:auto}
footer a{color:#e6dcf7;text-decoration:none;font-weight:700}
footer a:hover{color:#fff;text-decoration:underline}
footer .fine{flex-basis:100%;margin:0;color:#9d8fb8;font-size:.8rem;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .hero .wrap{grid-template-columns:1fr;gap:34px;padding-top:40px;padding-bottom:48px}
  .steps{grid-template-columns:1fr}
  .rules{grid-template-columns:1fr}
  .leagues{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dev{grid-template-columns:1fr}
}
@media (max-width:860px){.nav{display:none}.topbar .btn{margin-inline-start:auto}}
@media (max-width:720px){
  body{font-size:15px}
  section.s{padding-top:56px}
  .lands,.prizes,.faq{grid-template-columns:1fr}
  .kv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .invite{grid-template-columns:auto minmax(0,1fr)}
  .invite .btn{grid-column:1/-1;justify-self:start}
  .dev{padding:22px 18px;border-radius:20px}
  .closing{padding:32px 18px;margin-top:60px}
  .shot .chip{font-size:.7rem;padding:.2rem .55rem}
  .shot .chip.c1{top:12px;inset-inline-end:12px}.shot .chip.c2{bottom:12px;inset-inline-start:12px}
  .ctas .btn{flex:1 1 auto}
  footer nav{margin-inline-start:0}
}
@media (max-width:480px){.leagues{grid-template-columns:1fr}.brand small{display:none}.segs span{font-size:.7rem}}
.dev a{color:#d9b8ff}.dev a:hover{color:#fff}

/* ---------- theme switch (/play/theme.js) ---------- */
.hy-theme{position:relative;display:inline-flex;flex:none}
.hy-theme-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer}
.hy-theme-btn:hover{background:var(--surface2);color:var(--ink)}
.hy-theme-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:80;min-width:150px;display:grid;gap:2px;padding:5px;background:var(--surface);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow)}
.hy-theme-menu[hidden]{display:none}
.hy-theme-menu button{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);font:700 .84rem Vazirmatn,Tahoma,sans-serif;padding:.4rem .6rem;border-radius:8px;cursor:pointer;text-align:start}
.hy-theme-menu button:hover{background:var(--surface2)}
.hy-theme-menu button[aria-checked="true"]{background:var(--accent-soft);color:var(--accent)}
@media (max-width:860px){.topbar .btn{margin-inline-start:0}.hy-theme-slot{margin-inline-start:auto}}

/* ---------- campaign pill (/play/campaign.js) ---------- */
a.pill{text-decoration:none}
.pill.live{background:rgba(95,207,138,.16);border-color:rgba(95,207,138,.5);color:#d9f7e4}.pill.live i{background:#5fcf8a;box-shadow:none;animation:none}
.pill.done{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff}
.pill.done:hover,.pill.live:hover{background:rgba(255,255,255,.22)}

/* ---------- human-play rule + notice to AI agents (see /llms.txt) ---------- */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body>main,body>footer{width:100%}
#ai-agent-notice{order:99;box-sizing:border-box;width:100%;max-width:var(--wrap);margin:0 auto;padding:12px 16px 18px;font-size:.72rem;line-height:1.75;color:var(--ink2)}
#ai-agent-notice p{margin:.1rem 0}
#ai-agent-notice p[dir="ltr"]{text-align:left}
#ai-agent-notice b{color:var(--ink);font-weight:700}
#ai-agent-notice a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rule-note{margin:16px 0 0;padding:.6rem .9rem;font-size:.88rem;line-height:1.9;color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:12px}
.rule-note b{color:var(--ink)}

/* «این لینک را به هوش مصنوعیت بده» — three steps in the developer card */
.dev .ai3{margin:.9rem 0 0;padding-inline-start:1.3rem;display:grid;gap:6px;color:#d3dbe8;font-size:.92rem}
.dev .ai3 li::marker{color:#b58cff;font-weight:700}
.dev .ai3 b{color:#fff}
.dev .ai3 .ai-copy{padding:.1rem .6rem;font-size:.76rem;background:#1f2839;border-color:#33405a;color:#e6edf3}.dev .ai3 .ai-copy:hover{background:#28334a}.dev .ai3 .copied{margin-inline-start:6px}

/* advisor card: a short sample of the weekly chat with Houshyar */
.term .chat{padding:14px 16px 6px;display:grid;gap:8px}
.term .chat p{margin:0;max-width:92%;padding:.45rem .75rem;border-radius:14px;font-size:.88rem;line-height:1.8;color:#e6edf3;background:#1b2436;border:1px solid #2a3446}
.term .chat p b{color:#fff}
.term .chat .me{justify-self:end;background:#5a1f9e;border-color:#7b3fd0;font-weight:700;min-width:2.4rem;text-align:center}
.term .row{padding-top:10px}
.dev .ai3 li{display:list-item}.dev .ai3 li::before{content:none;display:none}