/* Local league: a short path, a clear next bout and one reachable action. */
#league-dialog{width:900px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;border-radius:20px;background:#10131a;color:#e9ebf1;--league-accent:#d9a477}
#league-dialog[data-division=silver]{--league-accent:#c5d7ec}#league-dialog[data-division=gold]{--league-accent:#f4ce69}
.league-heading{display:flex;align-items:center;gap:16px;position:relative;padding-right:42px;margin-bottom:20px}.league-heading .eyebrow{margin:0 0 8px;font-size:8px;color:var(--league-accent)}.league-heading h2{margin:0;font:900 italic 36px/1 Arial,sans-serif;letter-spacing:-1.2px}.league-heading .dialog-build{position:static;margin-left:auto;white-space:nowrap}.league-heading .dialog-close{right:-10px;top:-8px}
.league-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 16px}.league-path li{display:flex;align-items:center;gap:12px;border:1px solid #323944;padding:12px;border-radius:12px;background:#171c25}.league-path svg{width:34px;height:38px;flex-shrink:0}.league-path strong{display:block;font-size:14px}.league-path small{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;color:#9ea9b8}.league-path .locked{color:#778292;background:#13171e}.league-path .current{border-color:var(--league-accent);color:var(--league-accent);background:linear-gradient(120deg,#33271d,#171c25)}.league-path .complete{border-color:#48796b;color:#8fdec3}
.league-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.league-bout{position:relative;isolation:isolate;min-height:275px;overflow:hidden;border-radius:14px;border:1px solid #46505d;background:#111c29}.league-bout:after{position:absolute;z-index:-1;inset:0;content:'';background:linear-gradient(90deg,#080d16ed 15%,#0c1520b3 65%,#0c152028),linear-gradient(0deg,#07101df0,transparent)}.league-arena{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}.league-rival{position:absolute;z-index:-2;right:-8%;bottom:-10%;height:104%;width:65%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 12px #0009)}.league-bout-copy{padding:24px;max-width:78%}.league-bout .label{font-size:8px;letter-spacing:1.1px;color:var(--league-accent)}.league-bout h3{font:900 italic 33px/1.04 Arial,sans-serif;letter-spacing:-.8px;max-width:260px;margin:12px 0}.league-bout p{font-size:10px;line-height:1.6;color:#c7cfdd}.league-tactic{display:inline-block;font-size:8px;line-height:1.5;letter-spacing:.4px;color:#e9d29e;border:1px solid #bd965660;background:#171918bb;border-radius:6px;padding:7px;margin:8px 0}.league-bout #league-tip{max-width:210px;color:#a9b9cc}
.league-standing{padding:22px;border:1px solid #343d4c;border-radius:14px;background:radial-gradient(ellipse at 80% 0,#32404745,transparent 70%),#171b24}.league-standing>.label{font-size:8px;letter-spacing:.6px;color:#9ba9bb}.league-standing h3{font:800 19px/1.2 Arial,sans-serif;letter-spacing:-.3px;margin:12px 0}.league-score{display:flex;align-items:center;gap:25px}.league-score strong{font:900 40px/1 Arial,sans-serif}.league-score strong:first-child{color:var(--league-accent)}.league-score span{display:block;font:600 8px/1 Arial,sans-serif;color:#adb5c3;margin-top:9px;letter-spacing:1px}.league-score i{font:400 22px/1 Arial,sans-serif;color:#606d80}.league-form{display:flex;gap:7px;margin:16px 0 10px}.league-form span{width:27px;height:27px;display:grid;place-items:center;font-size:10px;font-weight:800;border:1px solid #3b4658;border-radius:7px;color:#8190a4;background:#202633}.league-form .win{color:#90edc7;background:#19352b;border-color:#3b8267}.league-form .loss{color:#ffc2ca;background:#45212a;border-color:#8f4654}.league-standing p{font-size:11px;line-height:1.5;color:#ccd3df;margin:8px 0 12px}.league-standing>small{font-size:8px;letter-spacing:.6px;color:#94a3b6}
.league-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;bottom:-24px;z-index:3;background:#10131af5;border-top:1px solid #323b49;margin:18px -24px 0;padding:15px 24px}.league-actions p{font-size:11px;color:#f1d293;line-height:1.4;margin:0 0 5px}.league-actions p:empty{display:none}.league-actions small{font-size:10px;color:#a7b4c6}.league-actions .primary{min-width:230px;min-height:48px;justify-content:center;font-size:12px;flex-shrink:0}.league-rules{font-size:10px;color:#a3b0c3;line-height:1.7;margin-top:3px}.league-rules summary{min-height:30px;cursor:pointer;display:list-item}.league-rules p{margin:8px 0}
@media(max-width:1000px){.art-menus.compact-lobby:not(.playing) .lobby-nav small{display:none}}
@media(max-width:600px){#league-dialog{padding:18px}.league-heading{gap:8px;margin-bottom:16px}.league-heading h2{font-size:25px}.league-heading .dialog-build{font-size:8px;padding:4px}.league-heading .eyebrow{font-size:7px}.league-path{gap:6px}.league-path li{padding:9px 6px;gap:6px}.league-path svg{width:23px;height:29px}.league-path strong{font-size:12px}.league-path small{font-size:6px;letter-spacing:.5px}.league-layout{grid-template-columns:1fr;gap:12px}.league-bout{min-height:208px}.league-bout-copy{padding:18px}.league-bout h3{font-size:29px}.league-bout #league-tip{margin-bottom:0}.league-standing{padding:16px;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.league-standing>.label,.league-standing h3,.league-standing p,.league-standing>small{grid-column:1}.league-standing h3{margin:5px 0}.league-score{grid-column:2;grid-row:1/4;gap:18px}.league-score strong{font-size:34px}.league-form{grid-column:2;grid-row:4/6;margin:4px 0}.league-standing p{margin:5px 0}.league-actions{bottom:-18px;margin:16px -18px 0;padding:12px 18px;flex-direction:column-reverse;align-items:stretch;gap:9px}.league-actions .primary{width:100%}.league-actions small{font-size:9px}.league-actions>div{text-align:center}.art-menus.compact-lobby:not(.playing) .lobby-nav strong{font-size:10px}}
@media(orientation:landscape) and (max-height:520px){#league-dialog{padding:12px 18px;max-height:calc(100dvh - 12px)}.league-heading{margin-bottom:9px}.league-heading h2{font-size:25px}.league-heading .eyebrow{font-size:7px;margin-bottom:4px}.league-heading .dialog-close{top:-5px}.league-heading .dialog-build{font-size:8px}.league-path{margin-bottom:10px;gap:8px}.league-path li{padding:6px 10px;gap:8px}.league-path svg{width:23px;height:28px}.league-path strong{font-size:12px}.league-path small{font-size:6px;margin-top:3px}.league-layout{grid-template-columns:1.3fr 1fr;gap:10px}.league-bout{min-height:155px}.league-bout-copy{padding:14px;max-width:77%}.league-bout h3{font-size:26px;margin:8px 0}.league-bout p{font-size:9px;margin:7px 0}.league-bout #league-tip{display:none}.league-tactic{margin:2px 0;padding:5px;font-size:7px}.league-standing{padding:12px;display:block}.league-standing h3{font-size:14px;margin:6px 0}.league-score{float:left;gap:15px;margin-right:16px}.league-score strong{font-size:30px}.league-score span{font-size:6px;margin-top:5px}.league-form{margin:10px 0}.league-form span{height:22px;width:22px;font-size:9px}.league-standing p{clear:both;font-size:9px;margin:8px 0 5px}.league-standing>small{font-size:7px}.league-actions{bottom:-12px;margin:10px -18px 0;padding:9px 18px;flex-direction:row;gap:12px}.league-actions>div{text-align:left}.league-actions .primary{min-height:40px;min-width:200px;width:auto;font-size:11px}.league-actions small{font-size:9px}.league-rules{font-size:9px}.league-rules summary{min-height:24px}}