/* برگ‌ریزون — پوستِ صفحه‌ی چالش: کوچه‌ی شبانه، یک چراغ، یک نیمکت.
   رنگ‌ها را روی body می‌نشانیم تا هر دو تمِ سایت اینجا شب باشند. */

body.barg{
  --bg:#0E0F12; --surface:#17181C; --surface-2:#1C1E23; --line:#24262B; --line-2:#2E3138;
  --text:#EDE6D8; --muted:#A39C8E; --faint:#7E786C; --inv:#0E0F12;
  --amber:#E3B062;
  background:var(--bg); color:var(--text);
}
body.barg #themeBtn{display:none}
.bmain{padding-bottom:10px}

/* ——— صحنه ——— */
.bscene{position:relative;height:clamp(200px,58vw,320px);border-radius:18px;overflow:hidden;
  border:1px solid var(--line);background:#0E0F12;margin-bottom:24px}
.bscene.short{height:clamp(140px,26vw,250px)}
.bsvg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bleaves{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bleaf{position:absolute;top:-16%;animation:bfall var(--d) linear var(--dl) infinite}
.bleaf i{display:block;animation:bsway calc(var(--d) / 3.4) ease-in-out infinite alternate}
.bleaf svg{display:block;animation:bspin calc(var(--d) / 2.6) linear infinite}
@keyframes bfall{0%{top:-16%;opacity:0}8%{opacity:.92}86%{opacity:.92}100%{top:104%;opacity:0}}
@keyframes bsway{from{transform:translateX(calc(var(--dx) * -1))}to{transform:translateX(var(--dx))}}
@keyframes bspin{from{transform:rotate(0deg)}to{transform:rotate(var(--rot))}}
@media (prefers-reduced-motion:reduce){ .bleaves{display:none} }

/* ——— سرصفحه ——— */
/* padding-block، نه padding: شکلِ کوتاه، فاصله‌ی چپ و راستِ .wrap را صفر می‌کرد
   و متنِ سرصفحه به لبه‌ی گوشی می‌چسبید. */
.bhero{padding-block:24px 6px}
.bkick{color:var(--amber);font-size:12.5px;font-weight:600;letter-spacing:.4px;margin-bottom:12px}
.bslogan{font-size:clamp(32px,8.6vw,60px);font-weight:700;line-height:1.24;letter-spacing:-.4px}
.bname{font-size:clamp(26px,7vw,46px);font-weight:700;line-height:1.28}
.blead{font-size:clamp(15.5px,2.2vw,18px);color:var(--muted);margin-top:16px;max-width:48ch;line-height:1.95}
.blead b{color:var(--text);font-weight:700}

/* ——— شمارشِ معکوس ——— */
.bcd{margin:6px 0 20px;text-align:center}
.bcd-t{font-size:12.5px;color:var(--faint);letter-spacing:1.2px;margin-bottom:10px}
/* ltr تا خانه‌ها مثلِ ساعتِ دیجیتال بنشینند: روز، ساعت، دقیقه، ثانیه از چپ به راست. */
.bcd-r{display:flex;justify-content:center;gap:8px;direction:ltr}
.bcd-i{flex:0 1 86px;min-width:62px;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:11px 4px 9px}
.bcd-i b{display:block;font-size:clamp(20px,5.4vw,26px);font-weight:700;line-height:1.25;
  font-variant-numeric:tabular-nums}
.bcd-i span{display:block;font-size:11.5px;color:var(--faint);margin-top:2px}
.bcd.started{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:14px;color:var(--amber);font-weight:600;font-size:15px}

/* ——— کارت ——— */
.bcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;
  padding:24px 20px;margin-bottom:16px}
.bcard h2{font-size:clamp(19px,4.4vw,22px);font-weight:700;line-height:1.5;margin-bottom:8px}
.bcard > p{font-size:15px;color:var(--muted);line-height:1.95}
.bnote{font-size:13.5px;color:var(--faint);line-height:1.95;margin-top:10px}
.bnote a,.blead a{color:var(--amber)}
.bsoon p{margin-bottom:10px}

.blist{list-style:none;margin-top:10px}
.blist li{position:relative;padding-inline-start:18px;font-size:14.8px;color:var(--muted);
  line-height:1.95;margin-bottom:9px}
.blist li::before{content:"";position:absolute;inset-inline-start:0;top:13px;width:6px;height:6px;
  border-radius:50%;background:var(--amber);opacity:.65}

/* ——— نشانِ تیم ——— */
.bteam{display:inline-flex;align-items:center;gap:9px;background:var(--surface-2);
  border:1px solid var(--line-2);border-radius:20px;padding:7px 14px;font-size:13.5px;
  color:var(--muted);margin-bottom:16px}
.bteam b{color:var(--text);font-weight:700}
.bdot{width:10px;height:10px;border-radius:50%;background:var(--tc,var(--amber));flex:none;
  box-shadow:0 0 10px var(--tc,var(--amber))}

/* ——— فرم ——— */
.bfrm{margin-top:18px;position:relative}
.bf{display:block;margin-bottom:16px}
.bf > span{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
.bf > span i{display:inline-block;font-style:normal;font-weight:500;font-size:11.5px;
  color:var(--faint);background:var(--surface-2);border:1px solid var(--line);
  border-radius:20px;padding:2px 9px;margin-inline-start:6px;vertical-align:1px;line-height:1.7}
.bf input,.bfield{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:13px;
  color:var(--text);font-family:inherit;font-weight:500;font-size:16px;padding:13px 14px;transition:.18s}
.bf input::placeholder{color:#5F5A51}
.bf input:focus,.bfield:focus,.bki input:focus{outline:none;border-color:var(--amber);
  box-shadow:0 0 0 3px rgba(227,176,98,.15)}
.bhint{display:block;font-style:normal;font-size:12.5px;color:var(--faint);margin-top:7px;line-height:1.8}
/* تله‌ی مخفی: با left منفی، صفحه‌ی راست‌به‌چپ از پهنا بیرون می‌زد و گوشی افقی اسکرول می‌شد.
   این شکل هیچ فضایی نمی‌گیرد و هیچ سرریزی نمی‌سازد. */
.btrap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.bbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--amber);
  color:#1A1206;border:0;border-radius:13px;font-family:inherit;font-weight:700;font-size:16px;
  padding:14px 20px;cursor:pointer;transition:.18s;line-height:1.6}
.bbtn:hover{filter:brightness(1.07)}
.bbtn[disabled]{background:var(--surface-2);color:var(--faint);cursor:default;filter:none}
.bbtn.wide{width:100%}
.bmini{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);
  color:var(--text);border:1px solid var(--line-2);border-radius:11px;font-family:inherit;
  font-weight:500;font-size:13.5px;padding:10px 15px;cursor:pointer;transition:.18s;line-height:1.6}
.bmini:hover{border-color:var(--amber);color:var(--amber)}
.bmini[disabled]{opacity:.7;cursor:default}

.berr{background:rgba(163,58,54,.16);border:1px solid rgba(163,58,54,.55);color:#F1D2CB;
  border-radius:13px;padding:12px 14px;font-size:14.5px;line-height:1.85;margin-bottom:16px}

/* ——— دو راهِ برگشت ——— */
.bways h2{margin-bottom:6px}
.bway{display:flex;gap:13px;padding:20px 0 4px;margin-top:14px;border-top:1px solid var(--line)}
.bway-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--surface-2);border:1px solid var(--line-2);color:var(--amber);
  font-weight:700;font-size:14px}
.bway-b{flex:1;min-width:0}
.bway h3{font-size:16.5px;font-weight:700;margin-bottom:6px}
.bway p{font-size:14.5px;color:var(--muted);line-height:1.9;margin-bottom:12px}
.bcopy{display:flex;gap:8px;margin-top:11px}
.bcopy .bfield{font-size:13px;direction:ltr;text-align:left;min-width:0;padding:11px 12px}
.bcopy .bmini{flex:none}
.brow{display:flex;gap:8px;flex-wrap:wrap}
.bwarn{font-size:12.5px;color:var(--faint);margin:11px 0 0;line-height:1.85}

.bkey{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.bkey span{display:inline-flex;align-items:center;gap:9px;background:var(--bg);
  border:1px dashed rgba(227,176,98,.6);color:var(--amber);
  border-radius:11px;padding:9px 14px;font-size:16px;font-weight:600}
.bkey span i{flex:none;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;
  background:rgba(227,176,98,.16);color:var(--amber);font-style:normal;font-size:11px;font-weight:700}

.bout{margin:6px 0 4px;text-align:center}
.bout button{background:none;border:0;color:var(--faint);font-family:inherit;font-size:13px;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:10px}
.bout button:hover{color:var(--muted)}

/* ——— ورود با کلید ——— */
.bkeyin{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 10px;margin-bottom:18px}
.bki-n{display:block;font-size:11.5px;color:var(--faint);margin:0 0 5px 0;font-weight:600}
.bki{position:relative}
.bki input{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:13px;
  color:var(--text);font-family:inherit;font-weight:600;font-size:16px;padding:13px 10px;
  text-align:center;transition:.18s}
.bsug{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline:0;background:var(--surface-2);
  border:1px solid var(--line-2);border-radius:12px;padding:5px;max-height:190px;overflow-y:auto;
  box-shadow:0 20px 34px -20px rgba(0,0,0,.95)}
.bsug button{display:block;width:100%;text-align:center;background:none;border:0;color:var(--text);
  font-family:inherit;font-weight:500;font-size:15px;padding:9px 8px;border-radius:8px;cursor:pointer}
.bsug button:hover,.bsug button.on{background:var(--amber);color:#1A1206}

@media (min-width:620px){ .bkeyin{grid-template-columns:repeat(4,1fr)} }
@media (max-width:420px){
  .bcd-r{gap:6px}
  .bcd-i{padding:9px 2px 8px;min-width:0}
  .bcard{padding:20px 16px}
}