.ranks-page{padding-block-end:72px}.ranks{gap:24px;min-inline-size:0;display:grid}.ranks-quiet{color:var(--silk-muted);margin:0}.ranks-link-button{min-block-size:44px;color:var(--link);text-underline-offset:.2em;background:0 0;border:0;align-items:center;padding:0 4px;font-weight:600;text-decoration:underline 1px;display:inline-flex}.ranks-tabs{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-sunken);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;justify-self:start;gap:4px;min-inline-size:0;max-inline-size:100%;padding:4px;display:flex;overflow-x:auto}.ranks-tabs::-webkit-scrollbar{display:none}.ranks-tab{scroll-snap-align:start;border-radius:var(--radius-s);min-block-size:44px;min-inline-size:88px;color:var(--silk-muted);white-space:nowrap;background:0 0;border:0;flex:none;padding:0 18px;font-weight:600}.ranks-tab[aria-selected=true]{background:var(--mask-raised);box-shadow:var(--shadow-1);color:var(--silk)}.ranks-tab:focus-visible{outline-offset:-2px}@media (hover:hover) and (pointer:fine){.ranks-tab:hover{color:var(--silk)}}.ranks-tab,.ranks-link-button{transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.ranks-tab:active,.ranks-link-button:active{background-color:color-mix(in oklch, var(--silk) 10%, transparent)}.ranks-tab,.ranks-link-button,.ranks-check,.ranks-day .btn,.ranks-more{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ranks-panel{gap:20px;min-inline-size:0;display:grid}.ranks-controls{flex-wrap:wrap;align-items:end;gap:12px 16px;min-inline-size:0;display:flex}.ranks-field{flex:100%;gap:6px;min-inline-size:0;display:grid}.ranks-field>span:first-child{color:var(--silk-muted);font-family:var(--font-mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase}.ranks-select{min-inline-size:0;display:block;position:relative}.ranks-select:after{content:"";border-inline-end:1.75px solid var(--silk-muted);border-block-end:1.75px solid var(--silk-muted);pointer-events:none;block-size:7px;inline-size:7px;margin-block-start:-6px;position:absolute;inset-block-start:50%;inset-inline-end:16px;rotate:45deg}.ranks-field select{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--mask-sunken);min-block-size:44px;inline-size:100%;min-inline-size:0;color:var(--silk);-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);padding:0 40px 0 12px;font-size:1rem}@media (hover:hover) and (pointer:fine){.ranks-field select:hover{border-color:var(--border-strong)}}.ranks-field select:focus-visible{border-color:var(--ring);outline:2px solid color-mix(in srgb, var(--ring) 40%, transparent);outline-offset:1px}.ranks-check{cursor:pointer;align-items:center;gap:10px;min-block-size:44px;display:inline-flex}.ranks-check input{border:1.5px solid var(--border-strong);background:var(--mask-sunken);-webkit-appearance:none;appearance:none;cursor:pointer;block-size:22px;inline-size:22px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:6px;flex:none;place-items:center;margin:0;display:grid;position:relative}.ranks-check input:after{content:"";border-inline-start:2px solid var(--primary-foreground);border-block-end:2px solid var(--primary-foreground);opacity:0;block-size:5px;inline-size:10px;transition:opacity var(--dur-fast) var(--ease-out), scale var(--dur-base) var(--ease-spring);margin-block-start:-3px;rotate:-45deg;scale:.6}.ranks-check input:checked{border-color:var(--primary);background:var(--primary)}.ranks-check input:checked:after{opacity:1;scale:1}.ranks-check input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ranks-day{align-items:center;gap:8px;min-inline-size:0;display:flex}.ranks-day .btn{min-inline-size:44px;padding-inline:12px}.ranks-day .btn .icon{block-size:18px;inline-size:18px}.ranks-day-label{min-inline-size:7.5em;font-family:var(--font-mono);text-align:center;white-space:nowrap;padding-inline:4px;font-weight:600}@media (width<=479px){.ranks-day-word{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.ranks-mine{color:var(--silk-muted);margin:0}.ranks-standing{border:1px solid var(--glass-border);border-radius:var(--radius-l);background:var(--glass);backdrop-filter:blur(16px)saturate(140%);max-inline-size:560px;box-shadow:var(--shadow-2);align-items:center;gap:14px;padding:16px 18px;display:flex}.ranks-standing .trace-avatar.ranks-standing-avatar{block-size:44px;inline-size:44px}.ranks-standing .ranks-mine{gap:2px;min-inline-size:0;display:grid}.ranks-standing-handle{color:var(--silk-muted);font-size:var(--small);overflow-wrap:anywhere}.ranks-standing-line{color:var(--silk);font-size:var(--title);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700}@media (width>=640px){.ranks-field{flex:0 200px}.ranks-field-level{flex:280px;max-inline-size:420px}.ranks-mine,.ranks-quiet{font-size:var(--small)}}.ranks-histograms{grid-template-columns:minmax(0,1fr);gap:12px;display:grid;container-type:inline-size}@media (width>=640px){.ranks-histograms{grid-template-columns:repeat(3,minmax(0,1fr))}}.ranks-histogram{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-raised);min-inline-size:0;box-shadow:var(--shadow-1);gap:10px;margin:0;padding:16px;display:grid}.ranks-histogram figcaption{color:var(--silk-muted);font-family:var(--font-mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase}.ranks-histogram-plot{border-block-end:1px solid var(--border-strong);align-items:flex-end;gap:3px;block-size:96px;padding-block-start:22px;display:flex}.ranks-bar{background:color-mix(in srgb, var(--silk) 22%, transparent);transform-origin:bottom;border-radius:3px 3px 0 0;flex:1 1 0;min-inline-size:2px;max-inline-size:64px;position:relative}.ranks-bar-you{background:var(--primary);box-shadow:0 0 12px var(--glow)}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .ranks-bar{animation:ranks-bar var(--dur-scene) var(--ease-out) both;animation-delay:calc(var(--i,0) * 24ms)}}@keyframes ranks-bar{0%{transform:scaleY(0)}}.ranks-bar-label{background:var(--primary);color:var(--primary-foreground);font-family:var(--font-mono);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.6875rem;font-weight:650;position:absolute;inset-block-end:calc(100% + 4px);inset-inline-start:50%;translate:-50%}.ranks-histogram-axis{max-inline-size:none;color:var(--silk-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin:0;font-size:.8125rem;display:flex}.ranks-table-wrap{overscroll-behavior-x:contain;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask-raised);min-inline-size:0;box-shadow:var(--shadow-1);padding:6px 16px;overflow-x:auto}.ranks-table{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%}.ranks-table caption{color:var(--silk-muted);text-align:start;padding-block:10px 6px}.ranks-table th,.ranks-table td{text-align:start;vertical-align:middle;padding:10px 8px}.ranks-table thead th{color:var(--silk-muted);white-space:nowrap;border-block-end:1px solid var(--border);font-weight:500}.ranks-table tbody tr+tr>*{border-block-start:1px solid var(--hairline)}.ranks-table .ranks-num{font-family:var(--font-mono);text-align:end;white-space:nowrap;font-size:.9375em}.ranks-rank{white-space:nowrap;inline-size:4ch;padding-inline-start:0}.ranks-table thead th,.ranks-table thead .ranks-num,.ranks-table thead .ranks-rank{font-family:var(--font-ui);font-size:var(--micro)}.ranks-rank-pad{border-radius:var(--radius-s);block-size:28px;min-inline-size:28px;font-family:var(--font-mono);border:1px solid #0000;grid-auto-flow:column;place-items:center;padding-inline:6px;font-weight:600;display:inline-grid}.ranks-rank-pad[data-top]{border-color:var(--border-strong);background:color-mix(in srgb, var(--silk) 6%, transparent)}.ranks-rank-pad[data-top=first]{border-color:var(--silk);background:var(--silk);color:var(--mask)}.ranks-player{min-inline-size:0;font-weight:400}.ranks-player-inner{align-items:center;gap:10px;min-inline-size:8.5rem;display:flex}.ranks-handle{white-space:nowrap;min-inline-size:0;font-weight:600}.ranks-you{background:var(--primary);color:var(--primary-foreground);font-size:var(--micro);border-radius:999px;flex:none;padding:1px 8px;font-weight:650}.ranks-table .ranks-row-mine>*{background:color-mix(in srgb, var(--silk) 8%, transparent)}.ranks-table .ranks-row-mine>:first-child{box-shadow:inset 3px 0 var(--primary);border-start-start-radius:var(--radius-s);border-end-start-radius:var(--radius-s);padding-inline-start:8px}.ranks-table .ranks-row-mine>:last-child{border-start-end-radius:var(--radius-s);border-end-end-radius:var(--radius-s)}.ranks-table .ranks-pinned tr>*{border-block-end:1px solid var(--border-strong)}.ranks-when{color:var(--silk-muted)}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .ranks-table tbody:not(.ranks-pinned) .ranks-row{animation:ranks-in var(--dur-scene) var(--ease-out) both;animation-delay:calc(var(--i,0) * 30ms)}}@keyframes ranks-in{0%{opacity:0;translate:0 8px}}.ranks-more{justify-self:start}@media (width<=399px){.ranks-table th,.ranks-table td{padding-inline:6px}.ranks-player-inner{gap:8px}}@media (width>=640px){.ranks-table{font-size:1rem}.ranks-table caption{font-size:var(--small)}}.ranks-noscript a,.collab-noscript a{align-items:center;min-block-size:44px;font-weight:600;display:inline-flex}