/* enfejar — استایل بازی، محدودشده به #jb-stage
   تولید خودکار توسط tools/build-kit.mjs — دستی ویرایش نکنید. */
#jb-stage{font-family:var(--hb-font)}




#jb-stage{
  --ink: #070a0c;
  --graphite: #0c1114;
  --panel: #11181c;
  --panel-2: #161f24;
  --line: #222e34;
  --line-soft: #1a2429;
  --paper: #e9efe9;
  --muted: #8b9a9b;
  --dim: #637375;

  --acid: #c8f135;
  --acid-dim: #9dc022;
  --cyan: #35d6e0;
  --amber: #ffb648;
  --ember: #ff5a3c;

  --radius: 10px;
  --radius-sm: 6px;
  --shell: 1180px;
  --mono: ui-monospace, ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: var(--hb-font), system-ui, -apple-system, 'Segoe UI', sans-serif;
}



#jb-stage,#jb-stage *, #jb-stage *::before, #jb-stage *::after{ box-sizing: border-box; }


#jb-stage [hidden]{ display: none !important; }

#jb-stage{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: hidden; }

@media (prefers-reduced-motion: reduce){

  #jb-stage{ scroll-behavior: auto; }

  #jb-stage,#jb-stage *, #jb-stage *::before, #jb-stage *::after{ animation-duration: .01ms !important; transition-duration: .01ms !important; }


}

#jb-stage{
  margin: 0;
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.9;
  color: var(--paper);
  background: var(--ink);
  background-image:
    linear-gradient(rgba(200, 241, 53, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200, 241, 53, .022) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

#jb-stage img, #jb-stage svg{ max-width: 100%; height: auto; display: block; }

#jb-stage a{ color: inherit; }

#jb-stage button, #jb-stage input, #jb-stage select, #jb-stage textarea{ font: inherit; color: inherit; }

#jb-stage h1, #jb-stage h2, #jb-stage h3, #jb-stage h4{ margin: 0; line-height: 1.45; font-weight: 800; letter-spacing: -.01em; }

#jb-stage p{ margin: 0 0 1em; }

#jb-stage ul, #jb-stage ol{ margin: 0 0 1em; padding-inline-start: 1.35em; }

#jb-stage li{ margin-bottom: .4em; }

#jb-stage table{ border-collapse: collapse; width: 100%; }


#jb-stage :focus-visible{
  outline: 2px solid var(--acid);
  outline-offset: 2px;
  border-radius: 3px;
}


#jb-stage .sr-only{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

#jb-stage .skip-link{
  position: absolute; inset-inline-start: 12px; top: -60px; z-index: 200;
  background: var(--acid); color: var(--ink); padding: 10px 16px;
  border-radius: 0 0 8px 8px; font-weight: 700; transition: top .15s;
}

#jb-stage .skip-link:focus{ top: 0; }



#jb-stage .shell{ width: min(100% - 32px, var(--shell)); margin-inline: auto; }

#jb-stage .tnum{ font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }

#jb-stage .num{ font-family: var(--mono); font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }


#jb-stage .microlabel{
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dim);
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

#jb-stage .microlabel--fa{ direction: rtl; letter-spacing: .04em; font-family: var(--sans); font-size: 11.5px; }


#jb-stage .lead{ font-size: 17.5px; color: #c7d2cd; line-height: 2.05; }

#jb-stage .muted{ color: var(--muted); }

#jb-stage .small{ font-size: 13.5px; }



#jb-stage .panel{
  background: linear-gradient(180deg, var(--panel) 0%, var(--graphite) 100%);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  position: relative;
}

#jb-stage .panel--tick::before, #jb-stage .panel--tick::after{
  content: '';
  position: absolute;
  width: 10px; height: 10px;
  border-color: var(--acid);
  opacity: .5;
}

#jb-stage .panel--tick::before{ top: -1px; inset-inline-start: -1px; border-top: 1.5px solid; border-inline-start: 1.5px solid; }

#jb-stage .panel--tick::after{ bottom: -1px; inset-inline-end: -1px; border-bottom: 1.5px solid; border-inline-end: 1.5px solid; }


#jb-stage .panel__hd{
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line-soft);
}

#jb-stage .panel__bd{ padding: 16px; }



#jb-stage .btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-weight: 700; font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .15s, border-color .15s, color .15s, transform .1s;
  min-height: 44px;
}

#jb-stage .btn:active{ transform: translateY(1px); }

#jb-stage .btn--acid{ background: var(--acid); color: var(--ink); }

#jb-stage .btn--acid:hover{ background: #d6fa4d; }

#jb-stage .btn--amber{ background: var(--amber); color: #1a1206; }

#jb-stage .btn--amber:hover{ background: #ffc668; }

#jb-stage .btn--wire{ border-color: var(--line); color: var(--paper); background: transparent; }

#jb-stage .btn--wire:hover{ border-color: var(--acid); color: var(--acid); }

#jb-stage .btn--sm{ padding: 8px 14px; font-size: 13.5px; min-height: 38px; }

#jb-stage .btn[disabled]{ opacity: .38; cursor: not-allowed; }

#jb-stage .btn--block{ width: 100%; }



#jb-stage .chip{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 12px; font-weight: 600;
  color: var(--muted);
  background: rgba(255, 255, 255, .02);
}

#jb-stage .chip--acid{ color: var(--acid); border-color: rgba(200, 241, 53, .35); }

#jb-stage .chip--ember{ color: var(--ember); border-color: rgba(255, 90, 60, .4); }

#jb-stage .chip--cyan{ color: var(--cyan); border-color: rgba(53, 214, 224, .35); }



#jb-stage .hdr{
  position: sticky; top: 0; z-index: 60;
  background: rgba(7, 10, 12, .9);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line-soft);
}

#jb-stage .hdr__bar{ display: flex; align-items: center; gap: 16px; height: 62px; }

#jb-stage .hdr__logo{ display: flex; align-items: center; gap: 9px; text-decoration: none; flex-shrink: 0; }

#jb-stage .hdr__logo svg{ width: 30px; height: 30px; }

#jb-stage .hdr__wordmark{ display: flex; flex-direction: column; line-height: 1.15; }

#jb-stage .hdr__wordmark b{ font-size: 15px; font-weight: 800; }

#jb-stage .hdr__wordmark span{ font-family: var(--mono); font-size: 9px; letter-spacing: .19em; color: var(--dim); direction: ltr; }


#jb-stage .nav{ display: none; margin-inline-start: auto; align-items: center; gap: 2px; }

#jb-stage .nav a{
  padding: 7px 11px; border-radius: 7px; text-decoration: none;
  font-size: 14.5px; font-weight: 600; color: #b6c2be;
  transition: background-color .15s, color .15s;
}

#jb-stage .nav a:hover{ background: rgba(255, 255, 255, .05); color: var(--paper); }

#jb-stage .nav a[aria-current='page']{ color: var(--acid); background: rgba(200, 241, 53, .08); }

#jb-stage .hdr__cta{ display: none; }


#jb-stage .navtoggle{
  margin-inline-start: auto;
  width: 42px; height: 42px;
  display: grid; place-items: center;
  background: transparent; border: 1px solid var(--line); border-radius: 8px;
  cursor: pointer;
}

#jb-stage .navtoggle span{ display: block; width: 17px; height: 1.5px; background: var(--paper); position: relative; }

#jb-stage .navtoggle span::before, #jb-stage .navtoggle span::after{
  content: ''; position: absolute; inset-inline-start: 0; width: 17px; height: 1.5px; background: var(--paper);
}

#jb-stage .navtoggle span::before{ top: -5.5px; }

#jb-stage .navtoggle span::after{ top: 5.5px; }


#jb-stage .drawer{ display: none; border-top: 1px solid var(--line-soft); padding: 12px 0 20px; }

#jb-stage .drawer[data-open='true']{ display: block; }

#jb-stage .drawer__grp{ margin-bottom: 14px; }

#jb-stage .drawer__grp > .microlabel{ display: block; margin-bottom: 6px; }

#jb-stage .drawer a{
  display: block; padding: 9px 12px; border-radius: 7px;
  text-decoration: none; font-size: 15px; font-weight: 600; color: #c3cdc9;
  border: 1px solid transparent;
}

#jb-stage .drawer a:hover{ background: rgba(255, 255, 255, .05); }

#jb-stage .drawer a[aria-current='page']{ color: var(--acid); border-color: rgba(200, 241, 53, .3); }


@media (min-width: 1000px){

  #jb-stage .nav{ display: flex; }

  #jb-stage .navtoggle{ display: none; }

  #jb-stage .drawer{ display: none !important; }

  #jb-stage .hdr__cta{ display: inline-flex; }


}



#jb-stage .crumbs{ padding: 14px 0 0; font-size: 12.5px; color: var(--dim); }

#jb-stage .crumbs ol{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

#jb-stage .crumbs li{ margin: 0; display: flex; align-items: center; gap: 6px; }

#jb-stage .crumbs li::after{ content: '/'; color: #3a4649; }

#jb-stage .crumbs li:last-child::after{ content: ''; }

#jb-stage .crumbs a{ text-decoration: none; color: var(--muted); }

#jb-stage .crumbs a:hover{ color: var(--acid); }

#jb-stage .crumbs [aria-current='page']{ color: #9fada9; }



#jb-stage .section{ padding: 46px 0; }

#jb-stage .section--tight{ padding: 30px 0; }

#jb-stage .section__hd{ margin-bottom: 22px; }

#jb-stage .section__hd h2{
  font-size: clamp(21px, 3.4vw, 28px);
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
}

#jb-stage .section__hd p{ margin: 8px 0 0; color: var(--muted); font-size: 15px; max-width: 68ch; }

#jb-stage .rule{ height: 1px; background: linear-gradient(90deg, var(--line), transparent); border: 0; margin: 0; }



#jb-stage .hero{ padding: 34px 0 10px; position: relative; }

#jb-stage .hero__grid{ display: grid; gap: 26px; }

#jb-stage .hero h1{
  font-size: clamp(27px, 6.4vw, 46px);
  font-weight: 900;
  line-height: 1.32;
  letter-spacing: -.022em;
  margin-bottom: 14px;
}

#jb-stage .hero h1 em{ font-style: normal; color: var(--acid); }

#jb-stage .hero__actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }

#jb-stage .hero__stats{
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
  background: var(--line); border: 1px solid var(--line); border-radius: var(--radius);
  overflow: hidden; margin-top: 26px;
}

#jb-stage .hero__stat{ background: var(--graphite); padding: 13px 15px; }

#jb-stage .hero__stat b{ display: block; font-family: var(--mono); font-size: 21px; font-weight: 700; color: var(--acid); direction: ltr; }

#jb-stage .hero__stat span{ font-size: 12px; color: var(--muted); }

@media (min-width: 760px){
 #jb-stage .hero__stats{ grid-template-columns: repeat(4, 1fr); }
 
}

@media (min-width: 1000px){
 #jb-stage .hero__grid{ grid-template-columns: 1.08fr .92fr; align-items: center; }
 
}



#jb-stage .sim{ display: grid; gap: 14px; }

@media (min-width: 940px){
 #jb-stage .sim{ grid-template-columns: 1.4fr 1fr; align-items: start; }
 
}


#jb-stage .sim__stage{ position: relative; overflow: hidden; }

#jb-stage .sim__stage .panel__bd{ padding: 18px 16px 16px; }

#jb-stage .sim__readout{ text-align: center; }

#jb-stage .sim__value{
  font-family: var(--mono); font-weight: 700; line-height: 1;
  font-size: clamp(46px, 13vw, 78px);
  direction: ltr; unicode-bidi: isolate;
  margin-top: 10px;
  transition: color .18s;
}

#jb-stage .sim[data-status='running'] .sim__value{ color: var(--paper); }

#jb-stage .sim[data-status='cashedout'] .sim__value{ color: var(--acid); }

#jb-stage .sim[data-status='crashed'] .sim__value{ color: var(--ember); animation: flick .5s steps(2) 2; }

#jb-stage .sim[data-status='idle'] .sim__value{ color: #7f8d8d; }

@keyframes flick{ 50% { opacity: .35; } }


#jb-stage .sim__note{ min-height: 22px; margin: 6px 0 0; font-size: 13px; }

#jb-stage .sim__graph{ margin-top: 12px; }

#jb-stage .sim__graph svg{ width: 100%; height: 168px; display: block; }

#jb-stage .sim__hist{ display: flex; flex-wrap: wrap; gap: 5px; min-height: 26px; margin-top: 6px; }

#jb-stage .sim__hist .chip{ font-family: var(--mono); direction: ltr; padding: 2px 8px; font-size: 11.5px; }


#jb-stage .wallet{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }

#jb-stage .wallet__amount{ font-family: var(--mono); font-weight: 700; font-size: 24px; direction: ltr; }

#jb-stage .wallet__delta{ font-family: var(--mono); font-size: 13px; font-weight: 700; direction: ltr; }

#jb-stage .wallet__delta[data-sign='up']{ color: var(--acid); }

#jb-stage .wallet__delta[data-sign='down']{ color: var(--ember); }


#jb-stage .stepper{ display: flex; align-items: center; gap: 8px; }

#jb-stage .stepper button{
  width: 44px; height: 44px; flex-shrink: 0;
  display: grid; place-items: center;
  background: transparent; border: 1px solid var(--line); border-radius: 8px;
  font-size: 20px; font-weight: 700; cursor: pointer; color: var(--paper);
}

#jb-stage .stepper button:hover:not([disabled]){ border-color: var(--acid); color: var(--acid); }

#jb-stage .stepper input{
  flex: 1; min-width: 0; text-align: center;
  background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px;
  padding: 10px 4px;
  font-family: var(--mono); font-size: 19px; font-weight: 700;
  direction: ltr;
}

#jb-stage .stepper input:focus{ border-color: var(--acid); outline: none; }

#jb-stage .quickbets{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 10px; }

#jb-stage .quickbets button{
  padding: 9px 0; border-radius: 7px; border: 1px solid var(--line);
  background: transparent; font-weight: 700; font-size: 13.5px; cursor: pointer;
  font-variant-numeric: tabular-nums;
}

#jb-stage .quickbets button[aria-pressed='true']{ background: var(--acid); color: var(--ink); border-color: var(--acid); }

#jb-stage .quickbets button[disabled]{ opacity: .3; cursor: not-allowed; }


#jb-stage .notice{
  border: 1px solid rgba(255, 182, 72, .26);
  background: rgba(255, 182, 72, .05);
  color: #e8c78e;
  border-radius: 8px; padding: 11px 13px; font-size: 13px; line-height: 1.8;
}

#jb-stage .notice--acid{ border-color: rgba(200, 241, 53, .22); background: rgba(200, 241, 53, .04); color: #cbdc98; }



#jb-stage .modal{
  position: fixed; inset: 0; z-index: 120;
  display: grid; place-items: center;
  padding: 18px;
  background: rgba(4, 6, 8, .82);
  backdrop-filter: blur(5px);
}

#jb-stage .modal[hidden]{ display: none; }

#jb-stage .modal__box{
  width: min(100%, 420px);
  background: var(--panel); border: 1px solid var(--line);
  border-radius: 14px; padding: 22px;
  text-align: center;
  max-height: 92vh; overflow-y: auto;
}

#jb-stage .modal__box h3{ font-size: 20px; margin-bottom: 8px; }

#jb-stage .modal__x{
  position: absolute; top: 10px; inset-inline-end: 10px;
  width: 34px; height: 34px; border-radius: 8px;
  background: transparent; border: 1px solid var(--line); cursor: pointer;
}



#jb-stage .toolgrid{ display: grid; gap: 12px; }

@media (min-width: 620px){
 #jb-stage .toolgrid{ grid-template-columns: repeat(2, 1fr); }
 
}

@media (min-width: 1000px){
 #jb-stage .toolgrid--4{ grid-template-columns: repeat(4, 1fr); }
 
}


#jb-stage .toolcard{
  display: flex; flex-direction: column; gap: 8px;
  padding: 17px;
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  text-decoration: none;
  transition: border-color .16s, transform .16s;
}

#jb-stage .toolcard:hover{ border-color: rgba(200, 241, 53, .45); transform: translateY(-2px); }

#jb-stage .toolcard__ico{ width: 34px; height: 34px; color: var(--acid); }

#jb-stage .toolcard h3{ font-size: 16px; }

#jb-stage .toolcard p{ margin: 0; font-size: 13.5px; color: var(--muted); line-height: 1.8; }

#jb-stage .toolcard__go{ margin-top: auto; padding-top: 6px; font-size: 12.5px; color: var(--acid); font-weight: 700; }



#jb-stage .field{ margin-bottom: 14px; }

#jb-stage .field > label{ display: block; font-size: 13.5px; font-weight: 600; margin-bottom: 6px; color: #c2ccc8; }

#jb-stage .field__hint{ font-size: 12px; color: var(--dim); margin-top: 5px; }

#jb-stage .input, #jb-stage .select, #jb-stage .textarea{
  width: 100%;
  background: var(--panel-2); border: 1px solid var(--line);
  border-radius: 8px; padding: 11px 13px;
  font-size: 15px;
}

#jb-stage .input:focus, #jb-stage .select:focus, #jb-stage .textarea:focus{ border-color: var(--acid); outline: none; }

#jb-stage .input.num{ font-family: var(--mono); direction: ltr; text-align: start; }

#jb-stage .textarea{ min-height: 110px; resize: vertical; line-height: 1.85; }

#jb-stage .range{ width: 100%; accent-color: var(--acid); height: 34px; }

#jb-stage .formgrid{ display: grid; gap: 12px; }

@media (min-width: 640px){
 #jb-stage .formgrid--2{ grid-template-columns: 1fr 1fr; }
 
}

@media (min-width: 640px){
 #jb-stage .formgrid--3{ grid-template-columns: repeat(3, 1fr); }
 
}


#jb-stage .readout{
  border: 1px solid rgba(200, 241, 53, .3);
  background: rgba(200, 241, 53, .05);
  border-radius: var(--radius);
  padding: 16px;
}

#jb-stage .readout__big{
  font-family: var(--mono); font-size: clamp(28px, 7vw, 40px); font-weight: 700;
  color: var(--acid); direction: ltr; line-height: 1.1;
}

#jb-stage .readout__row{ display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-top: 1px solid var(--line-soft); font-size: 14px; }

#jb-stage .readout__row:first-of-type{ border-top: 0; }

#jb-stage .readout__row b{ font-family: var(--mono); direction: ltr; font-weight: 700; }



#jb-stage .meter{ display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; margin-bottom: 9px; }

#jb-stage .meter__label{ font-size: 13px; color: #bcc7c3; }

#jb-stage .meter__val{ font-family: var(--mono); font-size: 13px; font-weight: 700; color: var(--acid); direction: ltr; }

#jb-stage .meter__track{ grid-column: 1 / -1; height: 5px; background: var(--panel-2); border-radius: 3px; overflow: hidden; border: 1px solid var(--line-soft); }

#jb-stage .meter__fill{ height: 100%; background: linear-gradient(90deg, var(--acid-dim), var(--acid)); border-radius: 3px; }

#jb-stage .meter--cyan .meter__fill{ background: linear-gradient(90deg, #1f9aa2, var(--cyan)); }

#jb-stage .meter--cyan .meter__val{ color: var(--cyan); }



#jb-stage .tablewrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: var(--radius); }

#jb-stage .dtable{ min-width: 700px; font-size: 14px; }

#jb-stage .dtable th, #jb-stage .dtable td{ padding: 12px 13px; text-align: start; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }

#jb-stage .dtable thead th{
  background: var(--panel-2); font-size: 11px; letter-spacing: .05em;
  color: var(--muted); font-weight: 700; text-transform: none; position: sticky; top: 0;
}

#jb-stage .dtable tbody tr:last-child td{ border-bottom: 0; }

#jb-stage .dtable tbody tr:hover{ background: rgba(255, 255, 255, .018); }

#jb-stage .dtable .num{ font-weight: 700; }

#jb-stage .dtable__brand{ display: flex; align-items: center; gap: 10px; text-decoration: none; min-width: 150px; }

#jb-stage .dtable__brand img{ width: 44px; height: auto; max-height: 30px; object-fit: contain; flex-shrink: 0; }

#jb-stage .dtable__brand b{ font-size: 14px; font-weight: 700; }

#jb-stage .dtable__brand:hover b{ color: var(--acid); }

#jb-stage .tablehint{ font-size: 12px; color: var(--dim); margin-top: 8px; }

@media (min-width: 900px){
 #jb-stage .tablehint{ display: none; }
 
}



#jb-stage .brandgrid{ display: grid; gap: 12px; }

@media (min-width: 600px){
 #jb-stage .brandgrid{ grid-template-columns: repeat(2, 1fr); }
 
}

@media (min-width: 980px){
 #jb-stage .brandgrid{ grid-template-columns: repeat(3, 1fr); }
 
}


#jb-stage .bcard{
  display: flex; flex-direction: column; gap: 11px;
  padding: 16px; background: var(--panel);
  border: 1px solid var(--line); border-radius: var(--radius);
  transition: border-color .16s;
}

#jb-stage .bcard:hover{ border-color: rgba(200, 241, 53, .4); }

#jb-stage .bcard__top{ display: flex; align-items: center; gap: 12px; }

#jb-stage .bcard__logo{
  width: 62px; height: 40px; flex-shrink: 0;
  display: grid; place-items: center;
  background: #fff; border-radius: 7px; padding: 5px;
}

#jb-stage .bcard__logo img{ max-height: 30px; width: auto; object-fit: contain; }

#jb-stage .bcard__name{ font-size: 16px; font-weight: 700; }

#jb-stage .bcard__latin{ font-family: var(--mono); font-size: 10px; letter-spacing: .12em; color: var(--dim); direction: ltr; }

#jb-stage .bcard__score{ margin-inline-start: auto; text-align: center; flex-shrink: 0; }

#jb-stage .bcard__score b{ display: block; font-family: var(--mono); font-size: 21px; font-weight: 700; color: var(--acid); direction: ltr; }

#jb-stage .bcard__score span{ font-size: 10px; color: var(--dim); }

#jb-stage .bcard p{ margin: 0; font-size: 13.5px; color: var(--muted); line-height: 1.85; }

#jb-stage .bcard__foot{ margin-top: auto; display: flex; gap: 8px; }

#jb-stage .bcard__foot .btn{ flex: 1; }

#jb-stage .bcard__rank{
  font-family: var(--mono); font-size: 11px; font-weight: 700;
  color: var(--ink); background: var(--acid);
  border-radius: 4px; padding: 1px 6px; direction: ltr;
}



#jb-stage .prose{ max-width: 74ch; }

#jb-stage .prose h2{ font-size: clamp(19px, 3.2vw, 25px); margin: 34px 0 12px; }

#jb-stage .prose h3{ font-size: clamp(16.5px, 2.6vw, 19px); margin: 26px 0 9px; font-weight: 700; color: #dbe4de; }

#jb-stage .prose p{ line-height: 2.05; color: #c4cfca; }

#jb-stage .prose ul li, #jb-stage .prose ol li{ line-height: 2; color: #c4cfca; }

#jb-stage .prose strong{ color: var(--paper); font-weight: 700; }

#jb-stage .prose a{ color: var(--acid); text-underline-offset: 3px; }

#jb-stage .prose > :first-child{ margin-top: 0; }


#jb-stage .callout{
  border-inline-start: 3px solid var(--acid);
  background: rgba(200, 241, 53, .045);
  border-radius: 0 8px 8px 0;
  padding: 13px 15px; margin: 20px 0;
}

#jb-stage .callout p:last-child{ margin-bottom: 0; }

#jb-stage .callout--warn{ border-inline-start-color: var(--amber); background: rgba(255, 182, 72, .05); }

#jb-stage .callout--warn p{ color: #e6cb98; }


#jb-stage .toc{ border: 1px solid var(--line); border-radius: var(--radius); padding: 15px 17px; background: var(--panel); margin-bottom: 26px; }

#jb-stage .toc ol{ margin: 8px 0 0; padding-inline-start: 1.3em; }

#jb-stage .toc li{ margin-bottom: .3em; font-size: 14px; }

#jb-stage .toc a{ color: #b8c4bf; text-decoration: none; }

#jb-stage .toc a:hover{ color: var(--acid); text-decoration: underline; }


#jb-stage .datafig{
  border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--panel); padding: 15px; margin: 22px 0;
}

#jb-stage .datafig figcaption{ font-size: 12.5px; color: var(--dim); margin-top: 10px; line-height: 1.75; }



#jb-stage .faq{ border-top: 1px solid var(--line-soft); }

#jb-stage .faq details{ border-bottom: 1px solid var(--line-soft); }

#jb-stage .faq summary{
  cursor: pointer; padding: 15px 30px 15px 0; list-style: none;
  font-weight: 700; font-size: 15.5px; position: relative;
}

#jb-stage .faq summary::-webkit-details-marker{ display: none; }

#jb-stage .faq summary::after{
  content: '+'; position: absolute; inset-inline-end: 4px; top: 13px;
  font-family: var(--mono); font-size: 19px; color: var(--acid);
}

#jb-stage .faq details[open] summary::after{ content: '−'; }

#jb-stage .faq details > div{ padding: 0 0 16px; color: var(--muted); font-size: 14.5px; line-height: 2; }

#jb-stage .faq details > div p:last-child{ margin-bottom: 0; }

#jb-stage .faq details > div a{ color: var(--acid); }



#jb-stage .reviews{ display: grid; gap: 11px; }

#jb-stage .review{ border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; background: var(--panel); }

#jb-stage .review__hd{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 7px; }

#jb-stage .review__name{ font-weight: 700; font-size: 14.5px; }

#jb-stage .review__stars{ color: var(--amber); font-size: 13px; letter-spacing: 1px; direction: ltr; }

#jb-stage .review__meta{ font-size: 11.5px; color: var(--dim); margin-inline-start: auto; }

#jb-stage .review p{ margin: 0; font-size: 14px; color: #bbc6c1; line-height: 1.95; }

#jb-stage .review__pending{ border-color: rgba(255, 182, 72, .4); }

#jb-stage .review__badge{ font-size: 11px; color: var(--amber); border: 1px solid rgba(255, 182, 72, .4); border-radius: 999px; padding: 1px 8px; }



#jb-stage .ftr{ border-top: 1px solid var(--line-soft); margin-top: 40px; padding: 34px 0 26px; background: #060809; }

#jb-stage .ftr__grid{ display: grid; gap: 26px; }

@media (min-width: 720px){
 #jb-stage .ftr__grid{ grid-template-columns: 1.4fr repeat(2, 1fr); }
 
}

@media (min-width: 1000px){
 #jb-stage .ftr__grid{ grid-template-columns: 1.6fr repeat(3, 1fr); }
 
}

#jb-stage .ftr h4{ font-size: 12.5px; color: var(--paper); margin-bottom: 11px; font-weight: 700; }

#jb-stage .ftr ul{ list-style: none; margin: 0; padding: 0; }

#jb-stage .ftr li{ margin-bottom: 7px; }

#jb-stage .ftr a{ color: var(--muted); text-decoration: none; font-size: 13.5px; }

#jb-stage .ftr a:hover{ color: var(--acid); }

#jb-stage .ftr__about p{ font-size: 13px; color: var(--muted); line-height: 1.95; max-width: 42ch; }

#jb-stage .ftr__legal{
  margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line-soft);
  font-size: 12px; color: var(--dim); line-height: 1.95;
  display: flex; flex-wrap: wrap; gap: 10px 18px; justify-content: space-between;
}

#jb-stage .ftr__18{
  display: inline-grid; place-items: center;
  width: 30px; height: 30px; border: 1.5px solid var(--ember); color: var(--ember);
  border-radius: 50%; font-family: var(--mono); font-size: 11px; font-weight: 700;
  flex-shrink: 0;
}



#jb-stage .linkgrid{ display: grid; gap: 10px; }

@media (min-width: 640px){
 #jb-stage .linkgrid{ grid-template-columns: repeat(2, 1fr); }
 
}

@media (min-width: 980px){
 #jb-stage .linkgrid--3{ grid-template-columns: repeat(3, 1fr); }
 
}

#jb-stage .linkcard{
  display: block; padding: 15px 16px; text-decoration: none;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel);
  transition: border-color .16s;
}

#jb-stage .linkcard:hover{ border-color: rgba(53, 214, 224, .45); }

#jb-stage .linkcard b{ display: block; font-size: 15px; margin-bottom: 5px; }

#jb-stage .linkcard span{ font-size: 13px; color: var(--muted); line-height: 1.8; }

#jb-stage .linkcard .microlabel{ display: block; margin-bottom: 6px; }



#jb-stage .seq{ display: grid; gap: 10px; margin-top: 30px; }

@media (min-width: 640px){
 #jb-stage .seq{ grid-template-columns: 1fr 1fr; }
 
}

#jb-stage .seq a{
  display: block; padding: 13px 15px; border: 1px solid var(--line);
  border-radius: var(--radius); text-decoration: none; background: var(--panel);
}

#jb-stage .seq a:hover{ border-color: var(--acid); }

#jb-stage .seq span{ display: block; font-size: 11.5px; color: var(--dim); margin-bottom: 4px; }

#jb-stage .seq b{ font-size: 14.5px; }



#jb-stage .authorbox{
  display: flex; gap: 13px; align-items: flex-start;
  border: 1px solid var(--line); border-radius: var(--radius);
  padding: 14px 16px; background: var(--panel); margin: 26px 0;
}

#jb-stage .authorbox__mark{
  width: 42px; height: 42px; flex-shrink: 0; border-radius: 9px;
  display: grid; place-items: center; background: rgba(200, 241, 53, .1); color: var(--acid);
}

#jb-stage .authorbox b{ font-size: 14px; display: block; }

#jb-stage .authorbox p{ margin: 4px 0 0; font-size: 12.5px; color: var(--muted); line-height: 1.85; }



#jb-stage .err{ padding: 60px 0; text-align: center; }

#jb-stage .err__code{ font-family: var(--mono); font-size: clamp(60px, 18vw, 130px); font-weight: 700; color: var(--acid); line-height: 1; direction: ltr; }