/* league.css — Program League v1 surface. Layers on home.css tokens. */
.league-how .proof { margin-top: var(--s-2); }
.league-pick-label { display: flex; flex-direction: column; gap: 6px; font-size: var(--t-sm); color: var(--text); margin-top: var(--s-2); max-width: 420px; }
.league-pick-label select { font-family: var(--mono); font-size: var(--t-sm); padding: 8px 10px; background: #0a0b0e; color: #cdd6e4; border: 1px solid rgba(255,255,255,0.14); border-radius: var(--r); }
.league-idline { display: flex; align-items: center; gap: var(--s-2); font-family: var(--mono); margin: var(--s-2) 0; }
.league-idline .league-k { font-size: var(--t-cap); text-transform: uppercase; letter-spacing: 0.14em; color: #9aa6b8; }
.league-idline code { font-size: var(--t-sm); color: #2dd4bf; word-break: break-all; }
.league-consent-copy { margin: var(--s-2) 0 var(--s-1); }
.league-preview {
  font-family: var(--mono); font-size: var(--t-cap); line-height: 1.5;
  background: #0a0b0e; border: 1px solid rgba(255,255,255,0.14); border-radius: var(--r);
  padding: var(--s-3); margin: 0 0 var(--s-2); color: #cdd6e4; overflow-x: auto; white-space: pre;
  max-height: 320px; overflow-y: auto;
}
.league-consent { display: flex; align-items: flex-start; gap: var(--s-2); font-size: var(--t-sm); color: var(--text); margin-bottom: var(--s-2); cursor: pointer; }
.league-consent input { margin-top: 3px; flex: none; }
.league-status { font-family: var(--mono); font-size: var(--t-sm); color: #9aa6b8; min-height: 1.4em; }
.league-you { font-family: var(--mono); font-size: var(--t-sm); color: #2dd4bf; margin: var(--s-2) 0; }
.league-rows { list-style: none; margin: 0 0 var(--s-2); padding: 0; display: flex; flex-direction: column; gap: 6px; font-family: var(--mono); font-size: var(--t-sm); }
.league-rows li { display: flex; gap: var(--s-2); padding: 8px 0; border-bottom: 1px dashed rgba(255,255,255,0.10); color: #cdd6e4; }
.league-rows li:last-child { border-bottom: none; }
.league-gated .glance { color: #9aa6b8; }