.ranking-switch{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:5px;width:max-content;max-width:100%;margin-bottom:24px;padding:6px;display:flex}.ranking-switch button{color:var(--muted);text-align:left;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:13px 22px;display:flex}.ranking-switch button>span{font-size:12px;font-weight:600}.ranking-switch small{color:var(--subtle);margin-top:5px;font-size:10px;font-weight:400;display:block}.ranking-switch button[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.ranking-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.ranking-overview>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:16px;padding:23px;display:flex}.ranking-stat-icon{background:var(--accent-bg);border:1px solid var(--accent-border);width:40px;height:40px;color:var(--accent-text);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.ranking-overview>div>div>span{color:var(--muted);font-size:11px}.ranking-overview strong{font-family:var(--font-mono);margin-top:9px;font-size:25px;font-weight:600;display:block}.ranking-board{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.ranking-board-heading{justify-content:space-between;align-items:center;gap:16px;padding:25px 28px 22px;display:flex}.ranking-board-heading h2{letter-spacing:-.03em;font-size:17px}.ranking-board-heading p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.8}.ranking-refresh{color:var(--muted);border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:flex}.ranking-refresh:disabled{opacity:.4}.ranking-period-bar{justify-content:space-between;align-items:center;gap:12px;padding:0 28px 20px;display:flex}.ranking-periods{gap:4px;display:flex}.ranking-periods button{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:7px;padding:8px 12px;font-size:11px}.ranking-periods button[aria-pressed=true]{background:var(--surface-raised);border-color:var(--line);color:var(--ink)}.ranking-live{color:var(--subtle);white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:inline-flex}.ranking-live>i{background:#818cf8;border-radius:50%;width:5px;height:5px}.ranking-all-time{letter-spacing:.1em;color:var(--muted);align-items:center;gap:7px;padding:9px 0;font-size:9px;display:flex}.ranking-table-scroll{overflow-x:auto}.ranking-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;min-width:590px}.ranking-table th{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-muted);color:var(--subtle);text-transform:uppercase;letter-spacing:.09em;padding:13px 16px;font-size:9px;font-weight:500}.ranking-table th:first-child,.ranking-table td:first-child{width:13%;padding-left:28px}.ranking-table th:nth-child(2){width:39%}.ranking-table th:nth-child(3){width:25%}.ranking-table th:last-child,.ranking-table td:last-child{padding-right:28px}.ranking-table td{border-bottom:1px solid var(--line);padding:20px 16px;font-size:12px}.ranking-table tbody tr:last-child td{border-bottom:0}.ranking-table tbody tr:hover{background:var(--surface-muted)}.ranking-table .ranking-you{background:var(--accent-bg)}.ranking-person{align-items:center;gap:11px;display:flex}.ranking-person .user-avatar{border:1px solid var(--line);flex-shrink:0;width:34px;height:34px;font-size:10px}.ranking-person>span{overflow-wrap:anywhere;font-weight:500}.ranking-person small{color:var(--accent-text);margin-left:8px;font-size:8px;display:inline-block}.ranking-place{font-family:var(--font-mono);color:var(--subtle);align-items:center;gap:6px;font-size:11px;display:flex}.ranking-place-1{color:#d4a745}.ranking-place-2{color:#a4a9bc}.ranking-place-3{color:#c58c62}.ranking-time{font-family:var(--font-mono);color:var(--accent-text);font-size:13px;font-weight:500}.ranking-relative{background:var(--surface-raised);border-radius:4px;max-width:150px;height:4px;overflow:hidden}.ranking-relative>span{border-radius:inherit;background:#818cf8;height:100%;display:block}.ranking-completion{max-width:180px}.ranking-completion>div:first-child{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ranking-completion strong{font-family:var(--font-mono);color:var(--accent-text);font-size:12px;font-weight:500}.ranking-completion>div:first-child>span{color:var(--subtle);font-size:9px}.ranking-completion>div:last-child{background:var(--surface-raised);border-radius:4px;height:4px;overflow:hidden}.ranking-completion>div:last-child>span{border-radius:inherit;background:#818cf8;height:100%;display:block}.ranking-difficulty{font-family:var(--font-mono);align-items:center;gap:13px;font-size:11px;display:flex}.ranking-easy{color:#2eab82}.ranking-medium{color:#ce9a30}.ranking-hard{color:#e26c7a}.ranking-footnote{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;font-size:10px;line-height:1.7;display:flex}.ranking-footnote>span:last-child{white-space:nowrap}.ranking-own{border-top:1px solid var(--accent-border);overflow-x:auto}.ranking-own>span{background:var(--accent-bg);color:var(--accent-text);padding:12px 28px;font-size:10px;display:block}.ranking-own .ranking-table td:nth-child(2){width:39%}.ranking-own .ranking-table td:nth-child(3){width:25%}.ranking-privacy{text-align:center;color:var(--subtle);margin-top:23px;font-size:11px;line-height:1.8}.ranking-privacy a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.ranking-error{color:var(--accent-text);padding:16px 28px;font-size:12px}@media (max-width:1050px){.ranking-overview>div{gap:11px;padding:18px}.ranking-overview strong{font-size:21px}.ranking-stat-icon{width:34px;height:34px}}@media (max-width:650px){.ranking-switch{width:100%;margin-bottom:17px}.ranking-switch button{flex:1;gap:8px;padding:11px 9px}.ranking-switch button>span{font-size:10px}.ranking-switch small{font-size:8px}.ranking-switch button>svg{width:15px}.ranking-overview{gap:8px;margin-bottom:18px}.ranking-overview>div{padding:14px 10px;display:block}.ranking-stat-icon{border-radius:8px;width:28px;height:28px;margin-bottom:13px}.ranking-stat-icon svg{width:14px}.ranking-overview>div>div>span{font-size:8px}.ranking-overview strong{margin-top:8px;font-size:16px}.ranking-board{border-radius:14px}.ranking-board-heading{align-items:start;gap:9px;padding:20px 18px}.ranking-board-heading h2{font-size:14px}.ranking-board-heading p{font-size:10px}.ranking-refresh{gap:0;padding:9px;font-size:0}.ranking-period-bar{flex-wrap:wrap;padding:0 14px 15px}.ranking-periods button{padding:8px 10px;font-size:10px}.ranking-live{padding-left:4px}.ranking-table{min-width:500px}.ranking-table th:first-child,.ranking-table td:first-child{width:12%;padding-left:18px}.ranking-table th:nth-child(2){width:36%}.ranking-table th:nth-child(3){width:27%}.ranking-table td{padding:18px 12px;font-size:11px}.ranking-person .user-avatar{width:28px;height:28px;font-size:8px}.ranking-place{gap:4px;font-size:10px}.ranking-place svg{width:12px}.ranking-table th:last-child,.ranking-table td:last-child{padding-right:18px}.ranking-footnote{padding:14px 18px;font-size:9px}.ranking-privacy{text-align:left;font-size:10px}.ranking-page .page-heading{display:block}.ranking-page .heading-actions{margin-top:16px}.ranking-page .heading-actions .button{white-space:nowrap}}