.rang-nav{align-items:stretch;gap:8px;margin:6px 0 12px;display:flex}.rang-title{margin:10px 0 2px}.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);transition:border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft);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));box-shadow:inset 0 1px 0 #ffffff0d, 0 2px 6px #0000004d, 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);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:not(.disabled):hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));color:var(--accent);transform:translateY(-1px)}.rang-arrow.disabled{opacity:.35;pointer-events:none}.rang-scroll{--rang-density:1;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));max-height:100dvh;box-shadow:0 30px 60px -24px color-mix(in srgb, var(--accent) 16%, #000000b3), 0 22px 50px -18px #000000ad, 0 2px 10px -4px #00000080, 0 0 0 1px #ffffff08, inset 0 1px 0 #ffffff12;border-radius:16px;overflow:auto}.rang-table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%}.rang-table th,.rang-table td{padding:calc(4px + 6px * var(--rang-density)) 8px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--line)}.rang-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);-webkit-backdrop-filter:blur(8px);z-index:2;box-shadow:inset 0 1px 0 #ffffff14, inset 0 -2px 0 color-mix(in srgb, var(--accent) 45%, transparent), 0 4px 12px -2px #00000080;background:linear-gradient(#1c222ceb 0%,#161b22f0 55%,#0f131af5 100%);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:#ffffff08}.rang-table tbody tr.rang-row{transition:background .16s,box-shadow .16s}.rang-rank{width:34px}.rang-table th.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{padding-left:4px;padding-right:4px}.rang-pts-chip{min-width:30px;color:var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 26%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 2px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent), 0 3px 8px -3px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:.95rem;font-weight:900;display:inline-flex}@media (max-width:640px){.rang-scroll{overflow-x:visible}.rang-table{table-layout:fixed;width:100%}.rang-table th,.rang-table td{padding:calc(3px + 6px * var(--rang-density)) 2px;font-size:.86rem}.rang-table .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:40px}.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:28px}.rang-table th:not(.rang-teamh):not(.rang-rank):last-child,.rang-table td:not(.rang-team):not(.rang-rank):last-child{width:38px;padding-right:8px}.rang-pts-chip{min-width:0;padding:2px 7px;font-size:.88rem}}.rang-rankline{justify-content:center;align-items:center;gap:5px;display:flex}.rang-rank .rang-pos{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.rang-move{font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:800;line-height:1}.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:linear-gradient(90deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 70%)}.rang-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.rang-row.open{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 15%, transparent), transparent 75%)}.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:linear-gradient(180deg, color-mix(in srgb, var(--accent) 9%, #10141a), color-mix(in srgb, var(--accent) 3%, #10141a));color:var(--dim);white-space:normal;text-align:left;flex-wrap:wrap;gap:8px 18px;padding:11px 14px;font-size:.84rem;display:flex;box-shadow:inset 0 1px #ffffff0a}.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-detail-link{width:100%;color:var(--accent);margin-top:2px;font-weight:700;text-decoration:none;display:block}.rang-detail-link:hover{text-decoration:underline}.rang-leader{background-image:linear-gradient(90deg,#ffb70329,#ffb7030d 45%,#0000 75%),linear-gradient(100deg,#0000 30%,#ffb70338 45%,#0000 60%);background-position:0 0,120% 0;background-repeat:no-repeat,no-repeat;background-size:100% 100%,220% 100%;animation:6s ease-in-out infinite rang-sheen}@keyframes rang-sheen{0%,to{background-position:0 0,120% 0}50%{background-position:0 0,-20% 0}}@media (prefers-reduced-motion:reduce){.rang-leader{background-position:0 0,999% 0;animation:none}}.rang-leader td:first-child{box-shadow:inset 4px 0 #ffb703,inset 0 0 20px -9px #ffb703d9}.rang-leader .rang-name{font-weight:800}.rang-silver{background:linear-gradient(90deg,#cfd6de17,#0000 70%)}.rang-silver td:first-child{box-shadow:inset 4px 0 #cfd6de}.rang-bronze{background:linear-gradient(90deg,#cd7f321a,#0000 70%)}.rang-bronze td:first-child{box-shadow:inset 4px 0 #cd7f32}.rang-danger{background:linear-gradient(90deg,#ff3b3026,#0000 70%)}.rang-danger td:first-child{box-shadow:inset 4px 0 #ff3b30,inset 0 0 18px -9px #ff3b30cc}.rang-champ{font-size:.9em}.rang-key{vertical-align:-1px;border-radius:2px;width:4px;height:11px;margin-right:3px;display:inline-block}.rang-key.goud{background:#ffb703}.rang-key.rood{background:#ff3b30}.rang-mine{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 6%, transparent) 55%, transparent 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.rang-mine .rang-name{color:var(--accent)}.rang-mine td:first-child{box-shadow:inset 4px 0 0 0 var(--accent)}.rang-legend{color:var(--dim);margin:8px 2px 0;font-size:.76rem;line-height:1.4}.rang-titel{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, #fff 4%, var(--panel)), var(--panel));text-align:center;border-radius:10px;margin:0 0 10px;padding:8px 12px;font-size:.9rem;box-shadow:inset 0 1px #ffffff0d,0 4px 14px -9px #0000008c}.rang-titel.clinched{border-color:color-mix(in srgb, #f5c542 60%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, #f5c542 18%, var(--panel)), color-mix(in srgb, #f5c542 6%, var(--panel)));font-weight:700;box-shadow:inset 0 1px #ffffff14,0 6px 18px -10px #f5c5428c}.rang-top{margin-top:18px}.rang-top-title{margin:0 0 8px;font-size:1rem}.rang-top-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rang-top-row{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, #fff 3%, var(--panel)), var(--panel));border-radius:10px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:8px 10px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 3px 10px -7px #00000080}.rang-top-row:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 8px 18px -10px #0000008c}.rang-top-rank{color:var(--dim);text-align:center;font-weight:800}.rang-top-naam{min-width:0;color:inherit;align-items:baseline;gap:7px;font-weight:600;text-decoration:none;display:flex}.rang-top-naam:hover{color:var(--accent)}.rang-top-num{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:5px;padding:1px 5px;font-size:.7rem;font-weight:800}.rang-top-team{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.rang-top-cijfers{text-align:right;white-space:nowrap;font-size:.86rem}.rang-top-sub{color:var(--dim);font-size:.72rem;display:block}