/* LEAGUE2 — production-safe real family vote layer */
.league-card .league2-bar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 12px;
  padding:9px 10px;
  border:1px solid rgba(124,232,255,.13);
  border-radius:13px;
  background:rgba(124,232,255,.035);
}
.league2-dot{
  width:7px;height:7px;border-radius:50%;
  background:#78e8ff;
  box-shadow:0 0 12px rgba(120,232,255,.65);
  flex:0 0 auto
}
.league2-label{
  color:#9edff0;
  font-size:10px;
  font-weight:950;
  letter-spacing:.07em
}
.league2-metric{
  padding-left:8px;
  border-left:1px solid rgba(255,255,255,.08);
  color:#7d96ad;
  font-size:10px;
  font-weight:800
}
.league2-metric b{color:#edfaff;font-weight:950}
.league2-how{
  margin-left:auto;
  padding:0;
  border:0;
  background:transparent;
  color:#8fdff4;
  font:inherit;
  font-size:10px;
  font-weight:850;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer
}
.league-card[data-league-mode="LIVE"] #demoEventBtn,
.league-card[data-league-mode="LIVE"] #leaderDemoBtn{
  display:none!important
}
.league-card[data-league-empty="1"] #championFlag{
  opacity:.18!important;
  filter:grayscale(1)!important
}
.league2-modal{
  position:fixed;inset:0;z-index:2147483600;
  display:none;place-items:center;padding:18px;
  background:rgba(2,7,16,.88);backdrop-filter:blur(12px)
}
.league2-modal.is-open{display:grid}
.league2-dialog{
  position:relative;width:min(700px,100%);max-height:min(740px,91vh);overflow:auto;
  padding:24px;border:1px solid rgba(124,232,255,.20);border-radius:24px;
  background:linear-gradient(155deg,#0a1830,#07101f);
  box-shadow:0 40px 120px rgba(0,0,0,.55);
  color:#eef8ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif
}
.league2-close{
  position:absolute;right:14px;top:13px;width:38px;height:38px;
  border:1px solid rgba(255,255,255,.10);border-radius:50%;
  background:rgba(255,255,255,.04);color:#eef8ff;cursor:pointer;font-size:18px
}
.league2-kicker{margin:0 48px 7px 0;color:#79e8ff;font-size:10px;letter-spacing:.18em;font-weight:950}
.league2-dialog h3{margin:0 52px 8px 0;font-size:27px;line-height:1.1}
.league2-lead{margin:0;color:#98adc2;font-size:13px;line-height:1.55}
.league2-rules{display:grid;gap:8px;margin-top:16px}
.league2-rule{
  display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;
  padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.022)
}
.league2-rule span{
  display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
  background:rgba(124,232,255,.08);color:#7ce8ff;font-size:12px;font-weight:950
}
.league2-rule b{display:block;font-size:12px}
.league2-rule p{margin:4px 0 0;color:#7f96ac;font-size:11px;line-height:1.45}
.league2-foot{
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);
  color:#6f879e;font-size:10px;line-height:1.5
}
.league2-dialog[dir="rtl"]{text-align:right}
.league2-dialog[dir="rtl"] .league2-close{right:auto;left:14px}
.league2-dialog[dir="rtl"] .league2-kicker,
.league2-dialog[dir="rtl"] h3{margin-right:0;margin-left:52px}
@media(max-width:650px){
 .league2-how{width:100%;margin-left:0;text-align:left}
 .league2-dialog{padding:20px;border-radius:20px}
}