.sbc-breadcrumb{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--text-dim);margin-bottom:14px;}
.sbc-breadcrumb a{color:var(--text-dim);text-decoration:none;}
.sbc-breadcrumb a:hover{color:var(--gold);}
.sbc-breadcrumb span{margin:0 6px;opacity:.5;}

#sbc-root{max-width:1400px;margin:18px auto 0;padding:0 36px 80px;}

.sbc-toolbar{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:14px 16px;margin-bottom:22px;box-shadow:var(--shadow-card);
  display:flex;flex-direction:column;gap:14px;
}
.sbc-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.sbc-tab{
  background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s var(--ease);
  display:inline-flex;align-items:center;gap:8px;
}
.sbc-tab:hover{color:var(--text);border-color:rgba(201,168,76,.4);}
.sbc-tab.active{background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.5);color:var(--gold);}
.sbc-tab-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:18px;padding:0 6px;border-radius:999px;
  background:var(--surface);border:1px solid var(--border);
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:var(--text);
}
.sbc-tab.active .sbc-tab-count{background:var(--gold);color:#0a0c10;border-color:var(--gold);}

.sbc-search{
  display:flex;align-items:center;gap:10px;
  background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:6px 14px;
  transition:border-color .2s var(--ease);
}
.sbc-search:focus-within{border-color:rgba(201,168,76,.5);}
.sbc-search svg{color:var(--text-dim);flex-shrink:0;}
.sbc-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:14px;padding:8px 0;}
.sbc-search input::placeholder{color:var(--text-dim);}

.sbc-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;
}
.sbc-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  text-decoration:none;color:var(--text);
  display:flex;flex-direction:column;overflow:hidden;
  transition:transform .25s var(--ease),border-color .2s var(--ease),box-shadow .25s var(--ease);
  box-shadow:var(--shadow-card);
}
.sbc-card:hover{transform:translateY(-3px);border-color:rgba(201,168,76,.4);box-shadow:0 22px 50px -22px rgba(0,0,0,.6),0 0 0 1px rgba(201,168,76,.15);}

.sbc-card-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface2);
}
.sbc-card-title{
  font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--text);
  letter-spacing:.005em;line-height:1.2;flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sbc-card-tag{
  display:inline-flex;align-items:center;
  background:rgba(92,196,136,.12);border:1px solid rgba(92,196,136,.4);color:var(--green);
  font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;
  padding:3px 8px;border-radius:999px;text-transform:uppercase;flex-shrink:0;
}

.sbc-card-body{padding:18px;display:flex;flex-direction:column;gap:14px;flex:1;}
.sbc-card-reward{
  display:flex;align-items:center;gap:14px;
  background:linear-gradient(135deg,rgba(201,168,76,.08),transparent 60%),var(--surface2);
  border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;
}
.sbc-card-icon{
  width:46px;height:46px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(92,196,136,.18),rgba(92,196,136,.06));
  border:1px solid rgba(92,196,136,.3);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
}

.sbc-card-icon.has-card{
  width:90px;height:auto;aspect-ratio:280/388;
  background:transparent;border:none;border-radius:0;padding:0;
  overflow:visible;
}
.sbc-card-icon.has-card .mc{width:100%;}

.sbc-card-img{
  width:100%;height:100%;object-fit:contain;
  border-radius:8px;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));
}
.sbc-card-icon:has(.sbc-card-img){
  width:64px;height:64px;
  background:linear-gradient(135deg,rgba(201,168,76,.10),transparent 70%),var(--surface2);
  border-color:rgba(201,168,76,.25);
  padding:6px;
}

.sbc-reward-chip{
  display:inline-flex;align-items:center;
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  padding:3px 9px;border-radius:999px;text-transform:uppercase;
  border:1px solid var(--border);background:var(--surface2);color:var(--text-dim);
}
.sbc-reward-chip.rt-pl{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.35);color:var(--gold);}
.sbc-reward-chip.rt-pk{background:rgba(92,196,136,.12);border-color:rgba(92,196,136,.32);color:#5cc488;}
.sbc-reward-chip.rt-pi{background:rgba(163,113,247,.13);border-color:rgba(163,113,247,.32);color:#b89aff;}
.sbc-reward-chip.rt-up{background:rgba(255,200,90,.12);border-color:rgba(255,200,90,.32);color:#ffc85a;}
.sbc-reward-chip.rt-sw{background:rgba(122,169,255,.12);border-color:rgba(122,169,255,.32);color:#7aa9ff;}
.sbc-reward-chip.rt-gi{background:rgba(255,120,120,.12);border-color:rgba(255,120,120,.32);color:#ff7878;}

.mc{
  position:relative;width:100%;aspect-ratio:280/388;display:block;
  color:var(--fc-ink,#fff);font-family:'CruyffSansCondensed','Rajdhani',sans-serif;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));
  text-decoration:none;cursor:pointer;
  transition:transform .25s var(--ease),filter .25s var(--ease);
}
.mc:hover{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 10px 22px rgba(201,168,76,.4));}
.mc-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none;}
.mc-avatar{position:absolute;top:9%;left:2%;width:96%;height:88%;object-fit:cover;z-index:2;pointer-events:none;}
.mc-rating{position:absolute;left:11%;top:21%;width:24%;text-align:center;z-index:3;
  font-size:14px;font-weight:700;line-height:1;letter-spacing:-.02em;}
.mc-pos{position:absolute;left:11%;top:33%;width:24%;text-align:center;z-index:3;
  font-size:9px;font-weight:700;letter-spacing:.04em;}
.mc-name{position:absolute;left:0;right:0;top:63%;text-align:center;z-index:3;
  font-family:'CruyffSans','Rajdhani',sans-serif;font-size:10.5px;font-weight:700;
  text-transform:uppercase;white-space:nowrap;overflow:hidden;padding:0 6%;line-height:1;
  text-shadow:0 1px 1px rgba(0,0,0,.4);}
.sbc-card-rinfo{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.sbc-card-rlabel{font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);}
.sbc-card-rname{font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sbc-card-desc{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--text-dim);line-height:1.5;margin:0;}

.sbc-card-foot{
  display:flex;gap:14px;padding:12px 18px;
  border-top:1px solid var(--border);background:var(--surface2);
}
.sbc-foot-cell{display:flex;flex-direction:column;gap:2px;}
.sbc-foot-lbl{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);}
.sbc-foot-val{font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;color:var(--text);}

.sbc-detail{max-width:1100px;margin:18px auto 0;padding:0 36px 80px;}
.sbc-back{
  display:inline-flex;align-items:center;gap:6px;font-family:'Space Grotesk',sans-serif;
  font-size:13px;font-weight:600;color:var(--gold);text-decoration:none;
  padding:8px 12px;border-radius:999px;transition:background .15s var(--ease);margin-bottom:14px;
}
.sbc-back:hover{background:rgba(201,168,76,.1);}

.sbc-head{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:18px 22px;box-shadow:var(--shadow-card);
  display:grid;grid-template-columns:1fr auto auto auto;gap:24px;align-items:center;
  margin-bottom:18px;
}
.sbc-head-l{display:flex;align-items:center;gap:14px;min-width:0;}
.sbc-head-icon{
  width:56px;height:56px;border-radius:14px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(92,196,136,.2),rgba(92,196,136,.05));
  border:1px solid rgba(92,196,136,.35);
  display:flex;align-items:center;justify-content:center;font-size:28px;
}
.sbc-head-icon.has-card{
  width:110px;height:auto;aspect-ratio:280/388;
  background:transparent;border:none;border-radius:0;padding:0;
}
.sbc-head-icon.has-card .mc{width:100%;}
.sbc-head-icon.has-card .mc-rating{font-size:16px;}
.sbc-head-icon.has-card .mc-pos{font-size:10.5px;}
.sbc-head-icon.has-card .mc-name{font-size:12px;}
.sbc-head-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sbc-head-label{font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);}
.sbc-head-title{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:var(--text);line-height:1.1;letter-spacing:-.005em;}
.sbc-head-reward-line{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--text);max-width:42ch;line-height:1.4;overflow:hidden;}

.sbc-head-cell{display:flex;flex-direction:column;align-items:center;gap:2px;}
.sbc-head-cell .lbl{font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);}
.sbc-head-cell .val{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:var(--text);}
.sbc-head-cell .val.gold, .sbc-foot-val.gold{color:var(--gold);}

.sbc-challenges{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;
}
.sbc-ch{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:16px 18px;box-shadow:var(--shadow-card);
  display:flex;flex-direction:column;gap:12px;
}
.sbc-ch-head{display:flex;justify-content:space-between;align-items:center;}
.sbc-ch-name{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--text);}
.sbc-ch-tag{
  font-family:'Space Grotesk',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;background:var(--surface2);color:var(--text-dim);border:1px solid var(--border);
}
.sbc-ch-reward{
  display:flex;align-items:center;gap:10px;
  background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;
}
.sbc-ch-reward .icon{font-size:18px;}
.sbc-ch-reward .txt{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--text);line-height:1.4;min-width:0;flex:1;}
.sbc-ch-desc{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--text-dim);line-height:1.5;margin:0;}
.sbc-ch-form{
  font-family:'Space Grotesk',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;background:rgba(201,168,76,.12);color:var(--gold);border:1px solid rgba(201,168,76,.35);margin-left:auto;
}
.sbc-ch-form + .sbc-ch-tag{margin-left:6px;}
.sbc-ch-reqs{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;}
.sbc-ch-reqs-title{display:block;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;}
.sbc-ch-reqs ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;}
.sbc-ch-reqs li{font-family:'Space Grotesk',sans-serif;font-size:12.5px;color:var(--text);padding-left:16px;position:relative;line-height:1.35;}
.sbc-ch-reqs li::before{content:'';position:absolute;left:3px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--gold);}

.sbc-ch-actions{display:flex;gap:8px;margin-top:auto;}
.sbc-ch-actions a{flex:1;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;text-decoration:none;padding:9px 12px;border-radius:999px;transition:all .15s var(--ease);}
.sbc-ch-actions .start{background:var(--gold);color:#0a0c10;}
.sbc-ch-actions .start:hover{background:var(--gold2);}
.sbc-ch-actions .source{background:transparent;border:1px solid var(--border);color:var(--text-dim);}
.sbc-ch-actions .source:hover{color:var(--text);border-color:rgba(201,168,76,.4);}

@media(max-width:760px){
  .sbc-grid{grid-template-columns:1fr;}
  .sbc-challenges{grid-template-columns:1fr;}
  .sbc-head{grid-template-columns:1fr;text-align:left;}
  .sbc-head-cell{align-items:flex-start;}
}