/* =========================================================
   THE GREAT LIOR GAMES — Big Board + The Wire
   ========================================================= */

/* ---- view toggle ---- */
.bb-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
.bb-tab{font-family:var(--body);font-weight:800;font-size:14px;padding:10px 22px;border-radius:var(--r-pill);
  border:2.5px solid var(--ink);background:var(--off-white);color:var(--ink);cursor:pointer;
  box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .15s;}
.bb-tab:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);}
.bb-tab.active{background:var(--sage);color:var(--off-white);}

/* ---- board list ---- */
.bb-list{display:flex;flex-direction:column;gap:16px;}
.bb-card{position:relative;display:grid;grid-template-columns:44px 92px minmax(0,1fr) 290px 100px;gap:22px;
  align-items:center;background:var(--off-white);border:var(--bd);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);padding:20px 26px 20px 18px;}
.bb-rank{font-family:var(--display);font-size:32px;color:var(--ink);text-align:center;line-height:1;}
.bb-photo{width:92px;height:92px;border:2.5px solid var(--ink);border-radius:16px;overflow:hidden;
  background:var(--paper-2);box-shadow:3px 3px 0 var(--slate-deep);flex:none;}
.bb-photo img{width:100%;height:100%;object-fit:cover;}
.bb-photo.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-style:dashed;box-shadow:none;}
.bb-photo.ph b{font-family:var(--display);font-weight:400;font-size:26px;color:var(--slate-deep);line-height:1;}
.bb-photo.ph span{font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}

.bb-name{font-family:var(--display);font-weight:400;font-size:23px;color:var(--ink);margin:0;line-height:1.05;}
.bb-vitals{display:flex;gap:6px 16px;flex-wrap:wrap;margin:6px 0 0;font-size:12px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.bb-bio{font-size:14px;color:var(--ink-soft);line-height:1.55;font-weight:600;margin:9px 0 11px;max-width:56ch;text-wrap:pretty;}
.bb-sports{display:flex;gap:6px;flex-wrap:wrap;}
.bb-sport{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--ink);border-radius:var(--r-pill);
  background:#fff;padding:3px 11px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);}
.bb-sport b{font-family:var(--display);font-weight:400;font-size:13.5px;color:var(--ink);}
.bb-sport.top{background:var(--peach);color:var(--ink);}

.bb-attrs{display:flex;flex-direction:column;gap:8px;}
.bb-attr{display:grid;grid-template-columns:88px 1fr 28px;gap:10px;align-items:center;}
.bb-attr .l{font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.bb-attr .bar{height:11px;border:2px solid var(--ink);border-radius:var(--r-pill);background:#fff;overflow:hidden;}
.bb-attr .bar i{display:block;height:100%;background:var(--peach-deep);border-radius:var(--r-pill);}
.bb-attr .n{font-family:var(--display);font-weight:400;font-size:14.5px;color:var(--ink);text-align:right;}

.bb-ovr{justify-self:center;text-align:center;}
.bb-ovr .disc{width:84px;height:84px;border-radius:50%;border:2.5px solid var(--ink);display:flex;
  align-items:center;justify-content:center;background:var(--off-white);box-shadow:3px 3px 0 var(--slate-deep);margin:0 auto;}
.bb-card.t1 .disc{background:var(--peach);}
.bb-card.t2 .disc{background:var(--blush);}
.bb-ovr-num{font-family:var(--display);font-weight:400;font-size:33px;color:var(--ink);line-height:1;}
.bb-ovr .t{display:block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}

/* ---- expandable scouting report ---- */
.bb-report{grid-column:1 / -1;margin-top:12px;}
.bb-report-toggle{display:flex;align-items:center;gap:14px;width:100%;cursor:pointer;
  font-family:var(--body);background:var(--blush-soft);border:2.5px solid var(--ink);border-radius:var(--r-md);
  padding:13px 16px;text-align:left;color:var(--ink);box-shadow:2px 2px 0 var(--ink);
  transition:transform .12s,box-shadow .12s,background .15s;}
.bb-report-toggle:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);background:var(--blush);}
.bb-card.open .bb-report-toggle{background:var(--peach);}
.bb-report-toggle .lbl{display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
.bb-report-eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.bb-report-eyebrow::before{content:"📖";margin-right:8px;font-size:14px;}
.bb-status{font-family:var(--body);font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  padding:3px 9px;border-radius:var(--r-pill);border:2px solid var(--ink);line-height:1;white-space:nowrap;}
.bb-status.final{background:var(--sage);color:var(--off-white);}
.bb-status.rough{background:var(--paper-2);color:var(--ink-soft);}
.bb-chev{margin-left:auto;font-size:14px;line-height:1;transition:transform .28s var(--ease-out,cubic-bezier(0.22,0.61,0.36,1));}
.bb-card.open .bb-chev{transform:rotate(180deg);}
.bb-report-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(0.22,0.61,0.36,1);}
.bb-card.open .bb-report-body{grid-template-rows:1fr;}
.bb-report-inner{overflow:hidden;min-height:0;}
.bb-report-inner p{font-size:14.5px;line-height:1.72;font-weight:500;color:var(--ink-soft);
  margin:14px 0 0;max-width:78ch;text-wrap:pretty;}
.bb-report-inner p:first-child{margin-top:18px;}
.bb-report-note{font-style:italic;color:var(--muted);font-size:13.5px !important;}
.bb-report-flag{margin-top:16px;border:2.5px solid var(--ink);border-radius:var(--r-md);background:var(--blush-soft);
  padding:12px 16px;box-shadow:var(--sh-sm);max-width:78ch;}
.bb-report-flag b{display:block;font-family:var(--body);font-weight:900;letter-spacing:.07em;text-transform:uppercase;
  font-size:11px;color:var(--rasp-deep);}
.bb-report-flag span{display:block;margin-top:4px;font-size:13.5px;font-weight:600;color:var(--ink-soft);line-height:1.6;}

/* ---- my board ---- */
#mb-list{max-width:780px;display:flex;flex-direction:column;gap:10px;}
.mb-row{display:grid;grid-template-columns:24px 32px 52px minmax(0,1fr) auto auto;gap:14px;align-items:center;
  background:var(--off-white);border:var(--bd);border-radius:var(--r-md);box-shadow:2px 2px 0 var(--ink);
  padding:9px 14px;cursor:grab;user-select:none;}
.mb-row.dragging{opacity:.45;cursor:grabbing;}
.mb-grip{color:var(--slate-deep);font-size:15px;line-height:1;}
.mb-rank{font-family:var(--display);font-weight:400;font-size:20px;color:var(--rasp);text-align:center;}
.mb-photo{width:52px;height:52px;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--paper-2);
  display:flex;align-items:center;justify-content:center;}
.mb-photo img{width:100%;height:100%;object-fit:cover;}
.mb-photo b{font-family:var(--display);font-weight:400;font-size:18px;color:var(--slate-deep);}
.mb-name{font-weight:800;font-size:15.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mb-ovr{font-family:var(--body);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);background:var(--blush);border:2px solid var(--ink);border-radius:var(--r-pill);padding:4px 11px;white-space:nowrap;}
.mb-btns{display:flex;gap:5px;}
.mb-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;
  color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:8px;cursor:pointer;transition:transform .1s,box-shadow .1s;}
.mb-btn:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink);}
.mb-btn:active{transform:translate(1px,1px);box-shadow:none;}

/* ---- the wire ---- */
.wire-stack{display:flex;flex-direction:column;gap:18px;max-width:860px;}
.wire-post{background:var(--off-white);border:var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh);padding:28px 32px;}
.wire-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:13px;}
.wire-meta time,.wire-meta .by{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.wire-post h3{font-family:var(--display);font-weight:400;font-size:27px;color:var(--ink);line-height:1.08;margin:0 0 11px;text-wrap:pretty;}
.wire-post p{font-size:15px;font-weight:600;color:var(--ink-soft);line-height:1.65;margin:0;text-wrap:pretty;}

/* ---- responsive ---- */
@media (max-width:1080px){
  .bb-card{grid-template-columns:36px 76px minmax(0,1fr);gap:16px;padding:18px 20px;}
  .bb-photo{width:76px;height:76px;}
  .bb-attrs{grid-column:1 / -1;}
  .bb-ovr{position:absolute;top:18px;right:18px;}
  .bb-ovr .disc{width:62px;height:62px;}
  .bb-ovr-num{font-size:25px;}
  .bb-ovr .t{margin-top:5px;}
  .bb-bio{max-width:none;padding-right:70px;}
}
@media (max-width:640px){
  .mb-row{grid-template-columns:20px 26px 44px minmax(0,1fr) auto;}
  .mb-photo{width:44px;height:44px;}
  .mb-ovr{display:none;}
  .bb-vitals{gap:4px 12px;}
}
@media (max-width:560px){
  /* stack the card so scouting text gets full width instead of a sliver */
  .bb-card{display:block;padding:48px 16px 18px;}
  .bb-rank{position:absolute;top:15px;left:16px;font-size:18px;}
  .bb-photo{width:68px;height:68px;margin-bottom:13px;}
  .bb-info,.bb-attrs{grid-column:auto;}
  .bb-bio{max-width:none;padding-right:0;}
  .bb-ovr{top:12px;right:14px;}
  .bb-ovr .disc{width:52px;height:52px;}
  .bb-ovr-num{font-size:21px;}
  .bb-ovr .t{margin-top:4px;font-size:9px;}
  .bb-attrs{margin-top:13px;}
  .mb-row{grid-template-columns:26px 44px minmax(0,1fr) auto;}
  .mb-grip{display:none;}
}