.rang-nav{align-items:stretch;gap:8px;margin:6px 0 18px;display:flex}.rang-picker{border:1px solid color-mix(in srgb, #fff 8%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, #fff 12%), var(--panel));min-width:0;color:var(--txt);border-radius:12px;flex:auto;padding:12px 13px;font-size:.95rem;font-weight:700;box-shadow:inset 0 1px #ffffff0d,0 2px 6px #0000004d}.rang-picker:focus{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));outline:none}.rang-arrow{border:1px solid color-mix(in srgb, #fff 8%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, #fff 12%), var(--panel));width:46px;color:var(--txt);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:transform .14s,border-color .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 2px 6px #0000004d}.rang-arrow:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));color:var(--accent);transform:translateY(-1px)}.rang-arrow.disabled{opacity:.35}.rang-scroll{overscroll-behavior:contain;border:1px solid color-mix(in srgb, #fff 8%, var(--line));background:linear-gradient(180deg, #ffffff0d, #fff0 30%), var(--panel-grad,var(--panel));border-radius:16px;max-height:min(78vh,900px);overflow:auto;box-shadow:0 18px 44px -16px #0009,inset 0 1px #ffffff12}.rang-table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%}.rang-table th,.rang-table td{text-align:center;vertical-align:middle;border-bottom:1px solid var(--line);padding:10px 8px}.rang-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);z-index:2;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--accent) 45%, transparent), 0 2px 6px #0006;background:linear-gradient(#161b22,#0f131a);font-size:.72rem;font-weight:800;position:sticky;top:0}.rang-table tbody tr:last-child td{border-bottom:none}.rang-table tbody tr.rang-row:nth-child(4n+1){background:#ffffff05}.rang-table tbody tr.rang-row{transition:background-color .14s}.rang-rank{width:34px}.rang-teamh{text-align:left}.rang-team{text-align:left;min-width:160px}.rang-team-inner{align-items:center;gap:9px;min-width:0;display:flex}.rang-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.rang-goals{color:var(--dim)}.rang-pts{color:var(--accent);font-size:1.05rem;font-weight:900}@media (max-width:640px){.rang-scroll{overflow-x:visible}.rang-table{table-layout:fixed;width:100%}.rang-table th,.rang-table td{padding:9px 2px;font-size:.86rem}.rang-dv{color:#0000;border:0;width:0;max-width:0;padding-left:0;padding-right:0;font-size:0;overflow:hidden}.rang-logo{display:none}.rang-rank{width:30px}.rang-team{min-width:0}.rang-team-inner{gap:0}.rang-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.rang-table th:not(.rang-teamh):not(.rang-rank),.rang-table td:not(.rang-team):not(.rang-rank){width:30px}}.rang-rank .rang-pos{display:block}.rang-move{font-variant-numeric:tabular-nums;margin-top:2px;font-size:.62rem;font-weight:800;line-height:1;display:block}.rang-move.up{color:#0fe0a6}.rang-move.down{color:#ef476f}.rang-move.flat{color:var(--dim);opacity:.6}.rang-row{cursor:pointer}.rang-row:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}.rang-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.rang-row.open{background:color-mix(in srgb, var(--accent) 10%, transparent)}.rang-caret{color:var(--dim);flex:none;margin-left:auto;padding-left:8px;font-size:.8rem;transition:color .15s}.rang-row:hover .rang-caret,.rang-row.open .rang-caret{color:var(--accent)}.rang-detailrow>td{border-bottom:1px solid var(--line);padding:0!important}.rang-detail{background:color-mix(in srgb, var(--accent) 6%, #10141a);color:var(--dim);white-space:normal;text-align:left;flex-wrap:wrap;gap:8px 18px;padding:11px 14px;font-size:.84rem;display:flex}.rang-detail-item b{color:var(--txt);font-variant-numeric:tabular-nums}.rang-detail-item b.pos{color:#0fe0a6}.rang-detail-item b.neg{color:#ef476f}.rang-leader td:first-child{box-shadow:inset 4px 0 #ffd166}.rang-leader{background:linear-gradient(90deg,#ffd16624,#0000 45%)}.rang-leader .rang-pos{color:#ffd166}.rang-leader .rang-name{font-weight:800}.rang-silver td:first-child{box-shadow:inset 4px 0 #cfd6de}.rang-silver{background:linear-gradient(90deg,#cfd6de1a,#0000 45%)}.rang-silver .rang-pos{color:#dfe4ea}.rang-bronze td:first-child{box-shadow:inset 4px 0 #cd7f32}.rang-bronze{background:linear-gradient(90deg,#cd7f321f,#0000 45%)}.rang-bronze .rang-pos{color:#e0a064}.rang-crown{margin-right:3px;font-size:.9em}.rang-danger td:first-child{box-shadow:inset 4px 0 #ef476f}.rang-danger{background:linear-gradient(90deg,#ef476f21,#0000 48%)}.rang-danger .rang-pos{color:#ef476f}.rang-mine{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.rang-mine .rang-pos,.rang-mine .rang-name{color:var(--accent)}.rang-mine td:first-child{box-shadow:inset 4px 0 0 0 var(--accent)}.rang-mybadge{color:var(--accent);margin-left:6px;font-size:.85em}.rang-legend{color:var(--dim);margin:8px 2px 0;font-size:.76rem;line-height:1.4}