.league-page{padding-top:calc(var(--nav-height) + var(--space-8));padding-bottom:var(--space-24);position:relative;z-index:var(--z-base);min-height:100vh}.league-header{text-align:center;margin-bottom:var(--space-12)}.league-header-title{font-family:var(--font-display);font-size:var(--fs-4xl);font-style:italic;margin-bottom:var(--space-2)}.league-code-box{display:inline-flex;align-items:center;gap:var(--space-4);background:var(--bg-elevated);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);margin-top:var(--space-6)}.league-code-label{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary)}.league-code-value{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);background:var(--gradient-iridescent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-friend-form{max-width:500px;margin:0 auto var(--space-12) auto;background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.add-friend-form h3{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:var(--space-4);color:var(--text-primary)}.input-group.league-input-group{width:100%}.input-group.league-input-group input{font-size:var(--fs-base)}.league-table-container{background:rgba(31,36,51,.6);backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid var(--border-default);overflow:hidden}.league-table-header{display:grid;grid-template-columns:50px 1fr 110px 120px 42px;padding:var(--space-4) var(--space-6);background:rgba(0,0,0,.3);border-bottom:1px solid var(--border-strong);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-bold)}.league-table-row{display:grid;grid-template-columns:50px 1fr 110px 120px 42px;padding:var(--space-4) var(--space-6);align-items:center;border-bottom:1px solid var(--border-subtle);transition:background 150ms}.league-table-row:last-child{border-bottom:none}.league-table-row:hover{background:var(--bg-hover)}.league-table-row.is-me{background:linear-gradient(90deg,rgba(0,165,249,.07),transparent);border-left:4px solid #ffb921}.league-rank{font-family:var(--font-display);font-size:var(--fs-2xl)}.league-rank.rank-1{background:var(--gradient-iridescent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.league-rank.rank-2{color:#a0aec0}.league-rank.rank-3{color:#b7791f}.league-player{display:flex;align-items:center;gap:var(--space-4)}.league-player-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-elevated);position:relative;overflow:hidden;flex-shrink:0}.league-player-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.league-player-name{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.league-stat{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.league-stat.positive{color:var(--success)}.league-stat.negative{color:var(--error)}@media (max-width:768px){.league-table-header,.league-table-row{grid-template-columns:40px 1fr 80px 36px}.league-col-winrate{display:none}}