/* Ball Knowledge - mini-leagues page (builds on circuit.css) */
.lg-page{padding-top:20px;padding-bottom:48px}
.lg-hero h1{font-family:var(--font-display,'Jersey 15',sans-serif);font-size:42px;line-height:1.05;margin:0 0 6px}
.lg-hero p{color:var(--dim);margin:0 0 14px;max-width:62ch;line-height:1.5}
.lg-season{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--dim);font-size:13px;margin:0 2px 12px}
.lg-season b{color:var(--white)}
.lg-cabinet{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.lg-medal{background:var(--surface);border:1px solid var(--surface-line);border-radius:14px;padding:12px 8px;text-align:center}
.lg-medal .ic{font-size:26px;line-height:1}
.lg-medal .n{display:block;font-weight:800;font-size:24px;margin-top:4px}
.lg-medal .l{display:block;color:var(--dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.lg-h2{font-size:17px;margin:18px 2px 8px}
.lg-list{display:grid;gap:10px;margin-bottom:6px}
.lg-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;background:var(--surface);border:1px solid var(--surface-line);border-radius:14px;padding:13px 15px;text-decoration:none;color:var(--white)}
.lg-card:hover{border-color:#ff7a2e}
.lg-card .t{font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-card .s{color:var(--dim);font-size:13px;grid-column:1}
.lg-card .r{grid-row:1/3;grid-column:2;text-align:right;font-weight:800;font-size:15px;line-height:1.25}
.lg-card .r small{display:block;color:var(--dim);font-weight:600;font-size:11px}
.lg-form{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
.lg-form input{flex:1 1 200px;min-width:0;background:var(--surface);border:1px solid var(--surface-line);color:var(--white);border-radius:999px;padding:11px 16px;font:600 15px/1 var(--font-body)}
.lg-form input:focus{outline:2px solid #ff7a2e;outline-offset:1px}
.lg-msg{min-height:1.3em;margin:6px 2px;font-size:13px;color:var(--flame-orange)}
.lg-msg.ok{color:#6fdc8c}
.lg-back{display:inline-block;color:var(--dim);text-decoration:none;font-size:14px;margin:0 0 8px}
.lg-back:hover{color:var(--white)}
.lg-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
.lg-top h1{font-family:var(--font-display,'Jersey 15',sans-serif);font-size:38px;line-height:1.05;margin:0;overflow-wrap:anywhere}
.lg-top .sub{color:var(--dim);font-size:13px;margin-top:4px}
.lg-actions{display:flex;gap:8px;flex-wrap:wrap}
.lg-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 8px;color:var(--dim);font-size:13px}
.lg-nav button{cursor:pointer;border:1px solid var(--surface-line);background:var(--surface);color:var(--white);border-radius:999px;width:34px;height:34px;font:800 16px/1 var(--font-body)}
.lg-nav button:disabled{opacity:.3;cursor:default}
.lg-nav .lbl{text-align:center;flex:1}
.lg-nav .lbl b{color:var(--white);display:block;font-size:15px}
.lg-row{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid var(--surface-line);cursor:pointer}
.lg-row.head{cursor:default;color:var(--dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 4px}
.lg-rank{font-weight:800;font-size:15px;text-align:center;color:var(--dim);white-space:nowrap}
.lg-rank .m{display:block;font-size:15px;line-height:1}
.lg-rank .m.fade{opacity:.45}
.lg-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-name small{display:block;color:var(--dim);font-weight:600;font-size:11px}
.lg-name .won{color:var(--dim);font-weight:600;font-size:12px;margin-left:6px;white-space:nowrap}
.lg-days{color:var(--dim);font-size:12px;white-space:nowrap}
.lg-pts{font-weight:800;font-size:16px;min-width:3.4ch;text-align:right}
.lg-row.you{background:rgba(255,122,46,.12);border-radius:10px;border-bottom-color:transparent;padding-left:8px;padding-right:8px;margin:2px -4px}
.lg-row.you .lg-name b::after{content:" (you)";color:var(--flame-orange);font-weight:600}
.lg-more{display:none;padding:2px 6px 12px 54px;border-bottom:1px solid var(--surface-line);font-size:13px;color:var(--dim)}
.lg-more.open{display:block}
.lg-more .g{display:flex;justify-content:space-between;max-width:320px;padding:2px 0}
.lg-more .g b{color:var(--white)}
.lg-more .acts{margin-top:8px}
.lg-hint{color:var(--dim);font-size:12.5px;line-height:1.5;margin:8px 2px 0}
.lg-hist{display:grid;gap:8px}
.lg-hist .h{background:var(--surface);border:1px solid var(--surface-line);border-radius:12px;padding:10px 14px;font-size:14px}
.lg-hist .h .w{color:var(--dim);font-size:12px;display:block;margin-bottom:3px}
.lg-hist .h span.p{display:inline-block;margin-right:12px;white-space:nowrap}
.lg-admin{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.lg-admin input{flex:1 1 180px;min-width:0;background:var(--surface);border:1px solid var(--surface-line);color:var(--white);border-radius:999px;padding:9px 14px;font:600 14px/1 var(--font-body)}
.cl-btn.small{padding:7px 13px;font-size:13px}
.cl-btn.danger{background:#3a1c1c;color:#ffb3a6;border:1px solid #6b2f2f}
.lg-invite{text-align:center;padding:26px 18px}
.lg-invite h1{font-family:var(--font-display,'Jersey 15',sans-serif);font-size:34px;margin:0 0 6px}
.lg-invite p{color:var(--dim);margin:0 0 14px;line-height:1.5}
.lg-invite .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.lg-steps{color:var(--dim);font-size:14px;line-height:1.55;padding-left:20px}
.lg-steps li{margin:6px 0}
.lg-steps b{color:var(--white)}
@media (max-width:640px){
  .lg-hero h1{font-size:34px}.lg-top h1{font-size:32px}
  .lg-row{grid-template-columns:40px 1fr auto;gap:6px}
  .lg-days{display:none}
  .lg-more{padding-left:48px}
}