:focus-visible{outline:2px solid var(--pu-2);outline-offset:2px;border-radius:8px}
button:focus:not(:focus-visible){outline:none}
*{scrollbar-width:thin;scrollbar-color:rgba(70,74,88,.28) transparent}

.sect{padding:20px 16px 6px}
.sect+.sect{padding-top:14px}
.sect .cap{font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--txt-3);margin-bottom:12px}

.cap-edit{padding:6px 13px;border-radius:99px;font:700 12px var(--ui);letter-spacing:.02em;text-transform:none;
  color:var(--pu-3);background:rgba(70,74,88,.14);border:1px solid rgba(70,74,88,.3);transition:background .15s,color .15s,transform .1s}
.cap-edit:hover{color:#fff;background:rgba(70,74,88,.26)}
.cap-edit:active{transform:scale(.94)}
.cap-edit.on{color:#fff;background:linear-gradient(135deg,#3a3d4a,#3a3d4a);border-color:transparent;box-shadow:0 6px 16px -6px rgba(60,64,78,1)}

.ladder{gap:9px}
.ladder .key.lk{height:56px;border-radius:15px;flex-direction:column;gap:4px;justify-content:center;
  transition:transform .12s,border-color .15s,background .15s,box-shadow .15s}
.ladder .key.lk b{font-size:18px;font-weight:750;letter-spacing:-.025em;line-height:1}
.ladder .key.lk small{font-size:9.5px;font-weight:800;letter-spacing:.1em;opacity:.9;line-height:1}
.ladder .key.lk.b{background:linear-gradient(180deg,rgba(31,213,97,.20),rgba(31,213,97,.07))!important;
  border:1px solid rgba(31,213,97,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 6px 18px -12px rgba(31,213,97,.8)!important}
.ladder .key.lk.b b{color:#f1fff6}
.ladder .key.lk.b small{color:var(--up)}
.ladder .key.lk.s{background:linear-gradient(180deg,rgba(255,85,51,.20),rgba(255,85,51,.07))!important;
  border:1px solid rgba(255,85,51,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px -12px rgba(255,85,51,.8)!important}
.ladder .key.lk.s b{color:#fff3f0}
.ladder .key.lk.s b span{color:var(--down);opacity:1;font-weight:800}
@media(hover:hover){
  .ladder .key.lk.b:hover{border-color:rgba(31,213,97,.75)!important;transform:translateY(-1px)}
  .ladder .key.lk.s:hover{border-color:rgba(255,85,51,.75)!important;transform:translateY(-1px)}
}
.ladder .key.lk.b:active{background:linear-gradient(180deg,#2ee66b,#19b955)!important;transform:scale(.96)}
.ladder .key.lk.b:active b{color:#03170b}.ladder .key.lk.b:active small{color:#06361a}
.ladder .key.lk.s:active{background:linear-gradient(180deg,#ff6a47,#e0431f)!important;transform:scale(.96)}
.ladder .key.lk.s:active b,.ladder .key.lk.s:active b span{color:#2a0800}
.ladder .key.lk.custom{height:44px;flex-direction:row;gap:8px;background:rgba(70,74,88,.06)!important;
  border:1px dashed rgba(70,74,88,.45)!important;box-shadow:none!important}
.ladder .key.lk.custom b{font-size:14px;font-weight:700;color:var(--pu-3)}
.ladder .key.lk.custom svg{color:var(--pu-3)}
@media(hover:hover){.ladder .key.lk.custom:hover{background:rgba(70,74,88,.14)!important;border-color:rgba(70,74,88,.8)!important}}
.ladder .key.lk.custom:active{background:rgba(70,74,88,.24)!important}

.pe{height:56px;padding:0 14px;border-radius:15px;background:rgba(70,74,88,.07);border:1px solid rgba(70,74,88,.3);transition:border-color .15s,box-shadow .15s}
.pe:focus-within{border-color:var(--pu-2);box-shadow:0 0 0 3px rgba(70,74,88,.22)}
.pe input{font:750 18px var(--ui)}
.pe.b input{color:var(--up)}.pe.s input{color:var(--down)}
.pe span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--txt-3)}

.tk-trade{gap:10px;padding:0 16px 12px}
.tk-trade .qtrade{height:48px;border-radius:15px;font-size:15px;font-weight:650;letter-spacing:-.01em;transition:transform .1s,filter .15s,box-shadow .15s}
.tk-trade .qtrade.qbuy{background:linear-gradient(180deg,#2ee66b,#17b556);color:#03170b;
  box-shadow:0 10px 24px -12px rgba(31,213,97,.95),inset 0 1px 0 rgba(255,255,255,.35)}
.tk-trade .qtrade.qsell{background:linear-gradient(180deg,#ff6a47,#dd4120);color:#2a0800;
  box-shadow:0 10px 24px -12px rgba(255,85,51,.95),inset 0 1px 0 rgba(255,255,255,.28)}
@media(hover:hover){.tk-trade .qtrade:hover{filter:brightness(1.08)}}
.qb{padding:8px 14px;font-weight:800;letter-spacing:.01em;transition:transform .1s,filter .15s}
.qb.buy{background:linear-gradient(180deg,#2ee66b,#17b556);box-shadow:0 6px 14px -8px rgba(31,213,97,1)}
.qb.sell{border:1px solid rgba(255,85,51,.35)}

.tl-list{gap:14px;padding:8px 16px 100px}
.tl-card{position:relative;overflow:hidden;gap:16px;padding:18px;border-radius:22px;
  background:radial-gradient(120% 140% at 0% 0%,rgba(70,74,88,.20),transparent 58%),var(--panel);
  border:1px solid rgba(70,74,88,.22);box-shadow:0 14px 34px -22px rgba(60,64,78,.9),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .18s,border-color .18s,box-shadow .18s}
.tl-card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle,rgba(70,74,88,.16),transparent 70%);pointer-events:none}
@media(hover:hover){.tl-card:hover{transform:translateY(-2px);border-color:rgba(70,74,88,.55);box-shadow:0 18px 40px -22px rgba(60,64,78,1),inset 0 1px 0 rgba(255,255,255,.08)}}
.tl-card:active{transform:scale(.985);background:radial-gradient(120% 140% at 0% 0%,rgba(70,74,88,.28),transparent 58%),var(--panel)}
.tl-ic{width:54px;height:54px;border-radius:17px;border:0;color:#fff;
  background:linear-gradient(135deg,#3a3d4a,#4a4e5d);box-shadow:0 0 0 4px rgba(70,74,88,.16),0 10px 22px -8px rgba(60,64,78,1)}
.tl-card:nth-child(2) .tl-ic{background:linear-gradient(135deg,#6d5cff,#3a3d4a)}
.tl-tx{gap:4px}
.tl-tx b{font-size:17.5px;font-weight:750;letter-spacing:-.025em;color:#fff}
.tl-tx small{font-size:13px;line-height:1.45;color:var(--txt-2)}
.tl-go{width:34px;height:34px;padding:8px;border-radius:50%;box-sizing:border-box;color:var(--pu-3);
  background:rgba(70,74,88,.14);border:1px solid rgba(70,74,88,.25);transition:transform .18s,background .18s}
@media(hover:hover){.tl-card:hover .tl-go{transform:translateX(3px);background:rgba(70,74,88,.3);color:#fff}}


/* =====================================================================
   Home banner (No fees + VIP): more breathing room
   ===================================================================== */
.promo{margin:16px 14px 14px;padding:16px 18px 16px 16px;gap:18px;min-height:88px}
.promo-tx{gap:6px}
.promo-tx b{font-size:16.5px}
.promo-tx span{line-height:1.4}
.promo-btn{height:40px;padding:0 24px;margin-left:4px}
.hd + .promo{margin-top:18px}
@media(max-width:420px){
  .promo{margin:14px 12px 12px;padding:16px;gap:14px 14px}
  .promo-tx{flex:1 1 calc(100% - 64px)}
  .promo-btn{flex:1 1 100%;margin-left:0;height:42px}
}
@media(min-width:1024px){.promo{margin:18px 24px 14px}}


/* =====================================================================
   Leaderboard + Copy trading: card rows, purple accents
   (scoped to the two screens; theme.css uses !important so these do too)
   ===================================================================== */
#s-calls .lb-list,#s-copy .lb-list,
#s-calls .sb .lb-list,#s-copy .sb .lb-list{display:flex;flex-direction:column;gap:10px;padding:12px 14px 4px}
@media(min-width:900px){
  #s-calls .lb-list,#s-copy .lb-list,
  #s-calls .sb .lb-list,#s-copy .sb .lb-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
#l-list [data-wk="bw"]:empty{height:90px}

/* the row itself */
#s-calls .lb-row,#s-copy .lb-row,
#s-calls .lb-row.me,#s-copy .lb-row.me{
  position:relative;overflow:hidden;gap:12px;padding:14px 14px!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 0 0 1px var(--line)!important;transition:box-shadow .15s,background .15s}
#s-calls .lb-row::after,#s-copy .lb-row::after{display:none}
@media(hover:hover){
  #s-calls .lb-row:hover,#s-copy .lb-row:hover{box-shadow:inset 0 0 0 1px rgba(70,74,88,.4)!important}
}
#s-calls .lb-row:active,#s-copy .lb-row:active{background:rgba(70,74,88,.1)!important}

/* podium tints */
#s-calls .lb-row.t1,#s-copy .lb-row.t1{
  background:linear-gradient(135deg,rgba(247,187,47,.16),rgba(255,255,255,.02) 65%)!important;
  box-shadow:inset 0 0 0 1px rgba(247,187,47,.38)!important}
#s-calls .lb-row.t2,#s-copy .lb-row.t2{
  background:linear-gradient(135deg,rgba(195,199,212,.13),rgba(255,255,255,.02) 65%)!important;
  box-shadow:inset 0 0 0 1px rgba(195,199,212,.3)!important}
#s-calls .lb-row.t3,#s-copy .lb-row.t3{
  background:linear-gradient(135deg,rgba(224,152,90,.14),rgba(255,255,255,.02) 65%)!important;
  box-shadow:inset 0 0 0 1px rgba(224,152,90,.32)!important}

/* you */
#s-calls .lb-row.me,#s-copy .lb-row.me{
  background:linear-gradient(135deg,rgba(70,74,88,.26),rgba(70,74,88,.06) 70%)!important;
  box-shadow:inset 0 0 0 1px rgba(70,74,88,.55)!important}
#s-calls .lb-row.me::before,#s-copy .lb-row.me::before{
  top:14px;bottom:14px;background:linear-gradient(180deg,var(--pu-3,#6a6f80),var(--pu-1,#2f323d));box-shadow:0 0 10px var(--pu-glow,rgba(70,74,88,.45))}

/* rank chip */
#s-calls .lb-row .n,#s-copy .lb-row .n,
#s-calls .lb-row.t1 .n,#s-copy .lb-row.t1 .n,
#s-calls .lb-row.t2 .n,#s-copy .lb-row.t2 .n,
#s-calls .lb-row.t3 .n,#s-copy .lb-row.t3 .n{
  flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  font-size:13px;font-weight:800;color:var(--txt-2);background:rgba(255,255,255,.07)}
#s-calls .lb-row.t1 .n,#s-copy .lb-row.t1 .n{background:linear-gradient(135deg,#ffd76a,#e8a317);color:#2b1c00;box-shadow:0 0 14px -3px rgba(247,187,47,.7)}
#s-calls .lb-row.t2 .n,#s-copy .lb-row.t2 .n{background:linear-gradient(135deg,#eceef6,#a9adbd);color:#1b1c22}
#s-calls .lb-row.t3 .n,#s-copy .lb-row.t3 .n{background:linear-gradient(135deg,#f3b47c,#c4743a);color:#2a1400}

/* avatar with a ring */
#s-calls .lb-av,#s-copy .lb-av{width:46px!important;height:46px!important;font-size:15px!important;
  box-shadow:0 0 0 2px rgba(70,74,88,.35)!important}
#s-calls .lb-row.t1 .lb-av,#s-copy .lb-row.t1 .lb-av{box-shadow:0 0 0 2px #f7bb2f!important}
#s-calls .lb-row.t2 .lb-av,#s-copy .lb-row.t2 .lb-av{box-shadow:0 0 0 2px #c3c7d4!important}
#s-calls .lb-row.t3 .lb-av,#s-copy .lb-row.t3 .lb-av{box-shadow:0 0 0 2px #e0985a!important}

/* name + sub line */
#s-calls .lb-row .mid b,#s-copy .lb-row .mid b{font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:#fff}
#s-calls .lb-row .mid small,#s-copy .lb-row .mid small{margin-top:3px;font-size:12px;font-weight:550;color:var(--txt-3)}

/* PnL as a pill */
#s-calls .lb-row .pill,#s-copy .lb-row .pill{
  display:inline-block;padding:6px 12px!important;border-radius:999px!important;font-size:13.5px;font-weight:800;
  letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
#s-calls .lb-row .pill.up,#s-copy .lb-row .pill.up{background:rgba(31,213,97,.13)!important;color:var(--up,#1fd561)}
#s-calls .lb-row .pill.down,#s-copy .lb-row .pill.down{background:rgba(255,85,51,.13)!important;color:var(--down,#ff5533)}
#s-calls .lb-row .fg{min-width:0}
#s-calls .lb-row .fg b{display:inline-block;padding:7px 13px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
#s-calls .lb-row .fg b.up{background:rgba(31,213,97,.13);color:var(--up,#1fd561)}
#s-calls .lb-row .fg b.down{background:rgba(255,85,51,.13);color:var(--down,#ff5533)}

/* copy / edit / stop */
#s-calls .cp-r,#s-copy .cp-r{gap:8px}
#s-calls .cp-r .cp-btn,#s-copy .cp-r .cp-btn{
  min-width:0;padding:8px 20px;border:0!important;border-radius:999px;font-size:13px;font-weight:800;color:#fff!important;
  background:linear-gradient(180deg,#3a3d4a,#2f323d)!important;box-shadow:0 6px 14px -8px rgba(70,74,88,.95),inset 0 1px 0 rgba(255,255,255,.22)}
@media(hover:hover){#s-calls .cp-r .cp-btn:hover,#s-copy .cp-r .cp-btn:hover{filter:brightness(1.12)}}
#s-calls .cp-pair,#s-copy .cp-pair{display:grid;grid-template-columns:auto auto;gap:6px;justify-items:end;align-items:center}
#s-calls .cp-pair .cp-size,#s-copy .cp-pair .cp-size{grid-column:1/-1}
#s-calls .cp-pair button,#s-copy .cp-pair button{padding:7px 13px;border-radius:999px;font-size:12px;font-weight:750}
#s-calls .cp-pair .ed,#s-copy .cp-pair .ed{background:rgba(70,74,88,.16)!important;color:var(--pu-3,#6a6f80)}
#s-calls .cp-pair .del,#s-copy .cp-pair .del{background:rgba(255,85,51,.13)!important;color:var(--down,#ff5533)}
#s-calls .cp-size,#s-copy .cp-size{font-size:11.5px;font-weight:650;color:var(--pu-3,#6a6f80)}

/* section headings: Real traders / Demo traders / Copying now */
#s-calls .sb-sec,#s-copy .sb-sec,#s-copy .cp-sec{
  display:flex;align-items:center;gap:9px;margin:26px 16px 2px;font:750 13.5px/1 var(--ui,inherit);letter-spacing:-.01em;color:var(--txt-1,#eceaf6)}
#s-copy .cp-sec{margin-top:18px;margin-bottom:10px}
#s-calls .sb-sec::before,#s-copy .sb-sec::before,#s-copy .cp-sec::before{
  content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pu-2,#4a4e5d);box-shadow:0 0 10px var(--pu-glow,rgba(70,74,88,.45))}
#s-calls .sb-none,#s-copy .sb-none{margin:10px 14px 0;padding:22px 16px;border-radius:16px;text-align:center;font-size:13px;color:var(--txt-3);
  background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-2)}

/* view more */
#s-calls .sb-more,#s-copy .sb-more{display:block;margin:12px auto 4px;padding:10px 22px;border-radius:999px;font-size:12.5px;font-weight:750;
  color:var(--pu-3,#6a6f80);background:rgba(70,74,88,.14);border:0;box-shadow:inset 0 0 0 1px rgba(70,74,88,.32)}

/* "Your rank" */
#s-calls .lb-me{display:flex;align-items:baseline;gap:8px;margin:14px 14px 0;padding:14px 18px;border-radius:18px;
  background:linear-gradient(135deg,rgba(70,74,88,.28),rgba(70,74,88,.07));box-shadow:inset 0 0 0 1px rgba(70,74,88,.45);
  font-size:13px;font-weight:650;color:var(--pu-3,#6a6f80)}
#s-calls .lb-me b{font-size:28px;font-weight:850;color:#fff;letter-spacing:-.04em}

/* copying-now chips */
#s-copy .cp-active{gap:10px;padding:0 14px 4px}
#s-copy .cp-chip{padding:9px 12px 9px 9px;border-radius:999px;background:rgba(70,74,88,.14);
  border:0;box-shadow:inset 0 0 0 1px rgba(70,74,88,.35)}
#s-copy .cp-chip small{color:var(--pu-3,#6a6f80)}

/* tabs: purple underline on the leaderboard */
#s-calls .seg{margin:10px 16px 6px}
#s-calls .seg button[aria-selected="true"]{color:#fff}
#s-calls .seg .pill{background:var(--pu-2,#4a4e5d);box-shadow:0 0 10px var(--pu-glow,rgba(70,74,88,.45))}