/* SIX STAR BET - The Crew page components (docs/crew.md only).
   Two-colour discipline per vice.css: neon + teal over neutrals, no third accent.
   Every selector is namespaced ssb- ; nothing here touches Material's own components.
   Loaded after extra.css and vice.css. */

.ssb-lede{
  font-size:.92rem;line-height:1.55;color:#ddd6ea;
  border-left:2px solid var(--ssb-neon);padding:.1rem 0 .1rem .8rem;margin:1.2rem 0;
}

.ssb-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 .6rem}
.ssb-stat{
  border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:.55rem .8rem;
  background:var(--ssb-panel);
  font-family:"JetBrains Mono",monospace;font-size:.58rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--md-default-fg-color--light);
}
.ssb-stat b{display:block;font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:#fff;margin-top:.25rem}
.ssb-stat.n b{color:var(--ssb-neon)}
.ssb-stat.t b{color:var(--ssb-teal)}

.ssb-crew{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0}
@media screen and (max-width:76.1875em){.ssb-crew{grid-template-columns:1fr}}
.ssb-crew.stack{grid-template-columns:1fr}

.ssb-dossier{
  position:relative;overflow:hidden;border-radius:10px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(165deg,#1a1922,var(--ssb-panel) 62%,#101017);
  box-shadow:0 20px 55px -30px rgba(0,0,0,.95);
}
.ssb-dossier::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--ssb-neon),rgba(255,46,136,.25));
}
.ssb-dossier.two::before,
.ssb-dossier.three::before{
  background:linear-gradient(180deg,var(--ssb-teal),rgba(74,237,212,.25));
}
.ssb-head{
  display:flex;gap:.9rem;align-items:center;
  padding:1.1rem 1.2rem .9rem;border-bottom:1px solid rgba(255,255,255,.09);
}
.ssb-avatar{
  position:relative;width:76px;height:76px;flex:0 0 76px;border-radius:8px;
  border:1px solid rgba(255,255,255,.17);overflow:hidden;background:#1a1922;
}
.ssb-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ssb-name{
  font-weight:800;font-size:1.05rem;line-height:1.1;letter-spacing:.05em;
  text-transform:uppercase;margin:0 0 .45rem;color:#fff;
}
.ssb-badge{
  display:inline-block;font-family:"JetBrains Mono",monospace;font-size:.55rem;
  letter-spacing:.18em;text-transform:uppercase;padding:.22rem .5rem;
  border-radius:4px;border:1px solid rgba(255,46,136,.45);
  color:var(--ssb-neon);background:rgba(255,46,136,.08);
}
.ssb-dossier.two .ssb-badge,
.ssb-dossier.three .ssb-badge{
  border-color:rgba(74,237,212,.45);color:var(--ssb-teal);background:rgba(74,237,212,.08);
}
.ssb-body{padding:1rem 1.2rem .2rem;font-size:.76rem;color:#c9c2d8}
.ssb-body p{margin:0 0 .7rem}
.ssb-owns{
  margin:.1rem 0 .9rem;padding:.6rem .75rem;
  border-left:2px solid rgba(74,237,212,.55);
  background:rgba(74,237,212,.05);font-size:.72rem;color:#cfeae2;
}
.ssb-owns b{
  display:block;margin-bottom:.28rem;font-family:"JetBrains Mono",monospace;
  font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ssb-teal);
}
.ssb-meta{
  display:flex;flex-wrap:wrap;gap:.4rem 1rem;padding:0 1.2rem .8rem;
  font-family:"JetBrains Mono",monospace;font-size:.58rem;letter-spacing:.05em;
  color:var(--md-default-fg-color--light);
}
.ssb-meta i{font-style:normal;color:rgba(255,255,255,.3);margin-right:.35rem}
.ssb-links{
  display:flex;flex-wrap:wrap;gap:.4rem;
  padding:.85rem 1.2rem 1.1rem;border-top:1px solid rgba(255,255,255,.09);
}
.md-typeset a.ssb-chip{
  font-family:"JetBrains Mono",monospace;font-size:.55rem;letter-spacing:.07em;
  padding:.35rem .55rem;border-radius:4px;border:1px solid rgba(255,255,255,.17);
  color:#cfc9dd;background:rgba(255,255,255,.02);transition:.16s;
}
.md-typeset a.ssb-chip:hover{
  border-color:var(--ssb-neon);color:#fff;background:rgba(255,46,136,.12);text-shadow:none;
}

.ssb-split{
  display:grid;grid-template-columns:1fr 1px 1fr;margin:1.2rem 0;
  border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;
}
@media screen and (max-width:60em){.ssb-split{grid-template-columns:1fr}}
.ssb-lane{padding:1.2rem}
.ssb-lane.a{background:linear-gradient(160deg,rgba(255,46,136,.07),transparent 68%)}
.ssb-lane.b{background:linear-gradient(160deg,rgba(74,237,212,.07),transparent 68%)}
.ssb-lane h4{
  margin:0 0 .15rem;font-weight:800;font-size:.72rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ssb-neon);
}
.ssb-lane.b h4{color:var(--ssb-teal)}
.ssb-lane .who{
  margin-bottom:.7rem;font-family:"JetBrains Mono",monospace;font-size:.58rem;
  letter-spacing:.14em;color:var(--md-default-fg-color--light);
}
.ssb-lane ul{margin:0;padding-left:1rem;font-size:.74rem}
.ssb-lane li{margin-bottom:.25rem}
.ssb-divider{background:linear-gradient(180deg,transparent,rgba(255,255,255,.17),transparent)}
@media screen and (max-width:60em){.ssb-divider{height:1px}}

.ssb-slots{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.2rem 0}
@media screen and (max-width:60em){.ssb-slots{grid-template-columns:1fr}}
.ssb-slot{
  position:relative;padding:1.2rem;border-radius:10px;
  border:1px dashed rgba(255,255,255,.2);
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.013) 0 10px,transparent 10px 20px);
}
.ssb-slot .tag{
  position:absolute;top:-.5rem;left:.9rem;padding:.1rem .45rem;
  font-family:"JetBrains Mono",monospace;font-size:.52rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ssb-teal);
  background:var(--md-default-bg-color);border:1px solid rgba(74,237,212,.4);
}
.ssb-slot h4{
  margin:.3rem 0 .5rem;font-weight:800;font-size:.8rem;letter-spacing:.06em;
  text-transform:uppercase;color:#fff;
}
.ssb-slot p{margin:0;font-size:.72rem;color:#a89fbd}

.ssb-timeline{margin:1.2rem 0;padding-left:1.2rem;border-left:2px solid rgba(255,46,136,.35)}
.ssb-tl{position:relative;margin-bottom:1rem}
.ssb-tl::before{
  content:"";position:absolute;left:-1.55rem;top:.4rem;
  width:9px;height:9px;border-radius:50%;
  background:var(--ssb-neon);box-shadow:0 0 0 3px rgba(255,46,136,.18);
}
.ssb-tl b{
  display:block;margin-bottom:.15rem;font-family:"JetBrains Mono",monospace;
  font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ssb-teal);
}
.ssb-tl span{font-size:.76rem;color:#c9c2d8}