.league-ribbon{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:12px 16px;text-align:left;background:linear-gradient(115deg,#27322f,#14212b);border:1px solid color-mix(in srgb,var(--league-color) 55%,#33434c);border-radius:14px}
.league-emblem{width:48px;height:57px;flex:none}.league-ribbon-name{flex:1;min-width:0}.league-ribbon-name small,.league-ribbon-name>span,.league-ribbon-progress small{display:block;color:var(--muted);font-size:11px}.league-ribbon-name strong{display:block;color:var(--league-color);font-size:21px;margin:2px 0}.league-ribbon-progress{width:190px;text-align:right}.league-ribbon-progress strong{font-size:16px;color:var(--league-color)}.league-ribbon-progress progress{margin:5px 0 3px}
.league-ribbon progress,.league-main-progress{appearance:none;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#0c141d}.league-ribbon progress::-webkit-progress-bar,.league-main-progress::-webkit-progress-bar{background:#0c141d}.league-ribbon progress::-webkit-progress-value,.league-main-progress::-webkit-progress-value{background:var(--league-color)}.league-ribbon progress::-moz-progress-bar,.league-main-progress::-moz-progress-bar{background:var(--league-color)}
.league-title{display:flex;gap:20px;align-items:center;margin:12px 0 20px}.league-title .league-emblem{width:76px;height:90px}.league-title h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px}.league-title p{margin:0;color:var(--muted)}.league-scoring{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0}.league-scoring b{color:var(--gold);font-size:23px;margin-right:6px}.league-header p{line-height:1.6}.league-lock{padding:12px 14px;background:#15232b;border-left:3px solid var(--gold);border-radius:4px}
.league-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.league-road-card{padding:16px;margin:0;min-width:0}.league-road-card>div:first-child{display:flex;gap:12px;align-items:center}.league-road-card h2{color:var(--league-color);font-size:21px;margin:0 0 5px}.league-road-card small{color:var(--muted);font-size:11px}.league-current{border-color:var(--league-color);box-shadow:0 0 22px color-mix(in srgb,var(--league-color) 9%,transparent)}
.league-divisions{display:flex;gap:6px;margin-top:16px}.league-divisions button{flex:1;position:relative;padding:10px 4px;border-radius:8px;min-width:0}.league-divisions button[aria-pressed="true"]{border-color:var(--league-color);color:var(--league-color);background:#30413d}.league-divisions button[aria-current="step"]{box-shadow:inset 0 -3px 0 var(--league-color)}.league-divisions small{display:block;color:var(--league-color);font-size:10px}.league-divisions .league-completed{color:var(--league-color)}
.league-preview h2{font-size:28px;color:var(--league-color);margin:6px 0 20px}.league-preview-values{display:flex;flex-wrap:wrap;gap:16px 36px;margin:16px 0}.league-preview-values small{display:block;color:var(--muted);margin-bottom:6px}.league-preview-values strong{font-size:20px}.league-preview .hint{line-height:1.6}.league-reward-table{overflow-x:auto;margin:20px 0}.league-reward-table table{border-collapse:collapse;width:100%;font-size:14px}.league-reward-table th,.league-reward-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--edge);white-space:nowrap}.league-reward-table th{color:var(--muted);font-weight:500}
.league-gain,.league-finish{padding:14px 16px;margin:16px 0;border:1px solid #62704b;border-radius:12px;background:#243329}.league-gain strong,.league-gain span,.league-gain b{display:block}.league-gain strong,.league-finish strong{color:var(--gold);font-size:20px}.league-gain span,.league-finish p{color:var(--muted);font-size:13px;line-height:1.5;margin:5px 0}.league-gain b{color:var(--good);margin-top:8px}
@media(max-width:760px){.league-road{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.league-road-card{padding:12px}.league-road-card h2{font-size:18px}.league-road-card .league-emblem{width:34px;height:40px}.league-road-card>div:first-child{gap:8px}.league-ribbon{gap:9px;padding:10px}.league-ribbon .league-emblem{width:33px;height:40px}.league-ribbon-name strong{font-size:18px}.league-ribbon-name>span{display:none}.league-ribbon-progress{width:115px}.league-ribbon-progress small{font-size:10px}.league-title{gap:14px}.league-title p{font-size:13px}.league-title .league-emblem{width:60px;height:71px}.league-preview-values strong{font-size:17px}}
@media(max-width:390px){.league-road{grid-template-columns:1fr}.league-ribbon-progress{width:100px}.league-ribbon-name strong{font-size:16px}}