.ranking-page{max-width:1240px;margin:auto;padding:30px clamp(12px,3vw,40px) 64px;color:var(--fg)}.ranking-back{display:inline-flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:var(--muted)}.ranking-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:28px 0 40px}.ranking-heading h1{font-size:clamp(32px,4vw,48px);font-weight:750;letter-spacing:-1.2px;line-height:1.15;margin:12px 0}.ranking-heading p{color:var(--muted);line-height:1.6}.ranking-position{display:grid;gap:6px;border-left:1px solid var(--border);padding-left:30px;flex-shrink:0}.ranking-position>span{font-size:12px;color:var(--muted)}.ranking-position strong{font-size:38px;line-height:1.2}.ranking-position small{font-size:18px;font-weight:400;color:var(--muted)}.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.ranking-layout>*{min-width:0}.ranking-period{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted);padding-bottom:18px}.ranking-table{width:100%;text-align:left;border-collapse:collapse;table-layout:fixed;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ranking-table thead{border-bottom:1px solid var(--border)}.ranking-table thead th{padding:14px 12px;font-size:12px;font-weight:500;color:var(--muted)}.ranking-table th:first-child{width:80px}.ranking-table th:nth-child(3){width:100px;text-align:right}.ranking-table th:last-child{width:46px}.ranking-table tbody tr{border-top:1px solid var(--border)}.ranking-table tbody :is(td,th){padding:20px 12px;vertical-align:middle;font-size:15px}.ranking-table tbody th{font-weight:550;overflow-wrap:anywhere}.ranking-table tbody th small{display:inline-block;margin-left:8px;font-size:11px;font-weight:650;color:var(--muted)}.ranking-table tbody td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.ranking-table tbody td:first-child>span{display:inline-flex;gap:5px;align-items:center}.ranking-table .ranking-me{background:color-mix(in srgb,var(--fg) 5%,var(--surface));box-shadow:inset 3px 0 0 var(--fg)}.ranking-first{font-weight:750}.ranking-up{color:#147c71}.ranking-down{color:#a65c21}.ranking-stay{color:var(--muted)}.ranking-guide{padding-left:28px;border-left:1px solid var(--border)}.ranking-guide h2{font-size:19px;font-weight:700;letter-spacing:-.3px;margin-bottom:14px}.ranking-guide dd,.ranking-guide p{font-size:14px;line-height:1.7;color:var(--muted)}.ranking-guide dl{margin:25px 0;display:grid;gap:22px}.ranking-guide dt{gap:8px;margin-bottom:7px}.ranking-guide dt,.ranking-guide>a{display:flex;align-items:center;font-size:14px;font-weight:650}.ranking-guide>a{gap:10px;margin-top:24px;min-height:44px}.ranking-empty,.ranking-state{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 30px}.ranking-empty>svg{color:var(--muted);margin-bottom:20px}.ranking-empty h2,.ranking-state h2{font-size:23px;font-weight:700;letter-spacing:-.4px}.ranking-empty p,.ranking-state p{font-size:15px;line-height:1.7;color:var(--muted);max-width:500px;margin:14px 0 24px}.ranking-empty .btn-primary{gap:10px}.ranking-loading{display:flex;align-items:center;gap:10px;padding:40px 0;color:var(--muted)}.ranking-page :is(a,button):focus-visible{outline:3px solid #0785cc;outline-offset:3px}@media (max-width:850px){.ranking-layout{grid-template-columns:1fr;gap:32px}.ranking-guide{border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:28px}.ranking-guide dl{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.ranking-heading{align-items:start}.ranking-position{padding-left:20px}}@media (max-width:500px){.ranking-heading{display:block;margin-bottom:28px}.ranking-position{margin-top:24px;padding:18px 0 0;border-left:0;border-top:1px solid var(--border)}.ranking-period{display:grid;gap:6px}.ranking-table th:first-child{width:54px}.ranking-table th:nth-child(3){width:75px}.ranking-table th:last-child{width:34px}.ranking-table tbody :is(td,th){padding:18px 8px;font-size:13px}.ranking-table thead th{padding:14px 8px}.ranking-table tbody th small{display:block;margin:5px 0 0}.ranking-empty,.ranking-state{padding:28px 20px}.ranking-empty .btn-primary{font-size:14px}}