.study-league{--league-bg:var(--panel,#171f28);--league-line:var(--line,#344451);--league-text:var(--text,#edf3f7);--league-muted:var(--muted,#a9b8c7);--league-accent:var(--accent,#7dd8c1);padding:20px;color:var(--league-text);background:var(--league-bg);font:14px/1.65 system-ui,sans-serif;min-width:0;overflow-wrap:anywhere}.study-league *{box-sizing:border-box}.study-league h3{font-size:24px;margin:5px 0}.study-league h4{font-size:16px;margin:6px 0 12px}.study-league p{color:var(--league-muted);margin:8px 0 14px}.study-league button,.study-league input,.study-league select,.study-league textarea{font:inherit;max-width:100%;color:inherit;border:1px solid var(--league-line);background:var(--panel-raised,#202b36);border-radius:6px;padding:8px 10px;min-height:36px}.study-league button{cursor:pointer}.study-league button:disabled{opacity:.5;cursor:default}.study-league button[aria-pressed=true]{border-color:var(--league-accent);color:var(--league-accent)}.study-league button:focus-visible,.study-league a:focus-visible,.study-league input:focus-visible,.study-league textarea:focus-visible,.study-league select:focus-visible{outline:2px solid var(--league-accent);outline-offset:3px}.study-league label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}.study-league small{color:var(--league-muted);font-size:11px}.study-league .primary{background:var(--accent-soft,#284438);border-color:var(--league-accent)}.league-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.league-heading span{font:11px monospace;color:var(--league-accent);letter-spacing:.07em}.league-connect{margin:16px 0;padding:12px 0;border-block:1px solid var(--league-line)}.league-connect summary{cursor:pointer;color:var(--league-muted)}.league-connect form{display:flex;gap:10px;align-items:end}.league-connect label{flex:1}.league-identity{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--league-line);border-radius:8px;padding:14px;margin:16px 0}.league-identity strong{display:block;font-size:18px}.league-identity p{margin:0;max-width:620px}.league-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.league-day{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:22px 0 8px}.league-day span{font-size:11px;color:var(--league-accent)}.league-rules{font-size:12px}.league-start{padding:18px;border:1px dashed var(--league-line);border-radius:8px;margin:18px 0}.league-attempt-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-left:3px solid var(--league-accent);padding:12px 15px;background:var(--accent-soft,#20382f);font-variant-numeric:tabular-nums}.league-question{padding:18px 0;border-bottom:1px solid var(--league-line)}.league-question>span{font:11px monospace;color:var(--league-accent)}.league-question h4{margin-top:6px}.league-question ul{color:var(--league-muted);font-size:12px;padding-left:20px}.league-question input{max-width:420px}.league-standings{margin:28px 0;border-top:1px solid var(--league-line);padding-top:15px}.league-standings>header,.league-community>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.league-table-wrap{overflow-x:auto;border:1px solid var(--league-line);border-radius:7px}.study-league table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;font-size:13px}.study-league th,.study-league td{padding:12px 10px;border-bottom:1px solid var(--league-line)}.study-league th{font-size:11px;color:var(--league-muted);font-weight:500}.study-league td:nth-child(2){min-width:180px}.league-self{background:var(--accent-soft,#20382f)}.league-empty{padding:12px 16px}.league-winner{border:1px solid var(--league-accent);padding:15px;border-radius:7px;margin-top:14px}.league-winner p{font-size:12px}.league-emojis{display:flex;gap:6px;flex-wrap:wrap}.league-emojis button{font-size:21px;min-width:42px}.league-notice{border-left:2px solid var(--league-accent);padding:10px 14px;background:var(--accent-soft,#20382f)}.league-community{margin-top:20px}.league-compose,.league-post,.league-history{padding:16px;border:1px solid var(--league-line);border-radius:7px;margin:14px 0}.league-compose{display:flex;flex-direction:column;gap:10px}.league-compose select{max-width:210px}.league-compose button{align-self:start}.league-post header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:baseline}.league-post p{white-space:pre-wrap;color:var(--league-text)}.league-post-actions{display:flex;flex-wrap:wrap;gap:6px}.league-post-actions button{font-size:12px;min-height:32px}.league-thread{padding:12px;border-left:2px solid var(--league-accent);background:var(--accent-soft,#20382f)}.league-history summary{cursor:pointer}.league-history code{white-space:normal}.study-league footer{font-size:11px;color:var(--league-muted);border-top:1px solid var(--league-line);padding-top:15px;margin-top:25px}body.league-standalone{margin:0;background:#111820}body.league-standalone .study-league{max-width:1100px;margin:auto;min-height:100vh}.league-standalone .inline-error{color:#ffb0a0}.study-league .inline-error{border:1px solid #bd786b;padding:12px;border-radius:6px}@media(max-width:650px){.study-league{padding:14px 12px}.league-heading{flex-direction:column;gap:4px}.league-heading h3{font-size:22px}.league-connect form,.league-identity,.league-standings>header,.league-community>header{flex-direction:column;align-items:stretch}.league-connect form button{align-self:start}.league-question{padding:16px 0}.study-league th,.study-league td{padding:9px 6px}.study-league td:nth-child(2){min-width:130px}.league-post,.league-compose{padding:12px}}.league-difficulty{border:1px solid var(--league-line);border-radius:8px;padding:16px;margin:16px 0;background:var(--bg,#121920)}.league-difficulty small{color:var(--league-muted)}.league-difficulty-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}.league-difficulty-controls label{display:grid;gap:5px;max-width:100%;min-width:160px}.league-difficulty-controls select{width:100%}.league-standings>header>label{display:grid;font-size:12px;gap:4px}@media(max-width:650px){.league-difficulty-controls label,.league-difficulty-controls button{width:100%}}
