.ranking-page{background:var(--purple)}.ranking-main{min-height:100vh;padding-top:54px;padding-bottom:clamp(60px,6vw,110px);position:relative;overflow:hidden}.ranking-hero{width:min(1420px,100% - 60px);color:var(--white);justify-content:space-between;align-items:flex-end;gap:50px;margin:0 auto;padding:clamp(48px,5vw,88px) 0 clamp(42px,4vw,72px);display:flex;position:relative}.ranking-hero-copy{max-width:840px}.ranking-kicker{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.86rem;font-weight:950}.ranking-hero h1{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(5rem,7.6vw,9rem);font-weight:900;line-height:.8}.ranking-intro{color:#ffffffd9;max-width:720px;margin:28px 0 0;font-size:clamp(1rem,1.25vw,1.2rem);font-weight:800}.ranking-summary{flex:none;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;display:grid}.ranking-summary>div{border:1px solid var(--lime);border-radius:var(--radius);background:#14141459;gap:6px;min-width:165px;padding:18px 20px;display:grid}.ranking-summary span{color:#ffffffad;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:950}.ranking-summary strong{color:var(--lime);font-family:var(--font-display);font-size:3rem;line-height:.9}.ranking-board{background:var(--white);width:min(1420px,100% - 60px);color:var(--black);border-radius:14px;margin:0 auto;padding:clamp(28px,3.2vw,48px);box-shadow:0 28px 70px #1414143d}.ranking-board-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px;display:flex}.ranking-board-heading>div:first-child{max-width:650px}.ranking-board-heading .ranking-kicker{color:var(--purple)}.ranking-board-heading h2{font-family:var(--font-display);text-transform:uppercase;color:var(--purple);margin:0;font-size:clamp(3rem,4vw,5rem);font-weight:900;line-height:1}.ranking-board-heading p:last-child{color:var(--grey-text);margin:6px 0 0;font-size:.94rem;font-weight:800}.ranking-board-actions{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.ranking-search{width:min(310px,32vw)}.ranking-search span{letter-spacing:.04em;font-size:.7rem}.ranking-search input{border:2px solid var(--black)}.ranking-search input:disabled{cursor:not-allowed;opacity:.58}.ranking-refresh-wrap{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ranking-refresh,.ranking-message button{background:var(--black);min-height:44px;color:var(--white);cursor:pointer;text-transform:uppercase;border:0;border-radius:5px;font-size:.82rem;font-weight:950}.ranking-refresh-lasttime{color:var(--grey-text);text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font-size:.75rem;font-weight:900;display:flex}.ranking-refresh{justify-content:center;align-items:center;gap:8px;min-width:118px;padding:0 18px;display:flex}.ranking-refresh:hover,.ranking-message button:hover{background:var(--purple)}.ranking-refresh:disabled{cursor:wait;opacity:.58}.ranking-table-wrap{border:2px solid var(--purple);border-radius:var(--radius);overflow:hidden}.ranking-table{border-collapse:collapse;table-layout:fixed;width:100%}.ranking-table caption{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ranking-table thead{background:var(--purple);color:var(--white)}.ranking-table th,.ranking-table td{text-align:left;padding:17px 22px}.ranking-table thead th{letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:950}.ranking-table thead th:first-child,.ranking-table tbody td:first-child{width:145px}.ranking-table thead th:last-child,.ranking-table tbody td:last-child{text-align:center;width:130px}.ranking-table tbody tr{border-bottom:1px solid var(--grey);background:var(--white)}.ranking-table tbody tr:last-child{border-bottom:0}.ranking-table tbody tr.is-podium{background:#d1f3502e}.ranking-table tbody th{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(.92rem,1.2vw,1.08rem);font-weight:950;overflow:hidden}.ranking-position{background:var(--grey-soft);border-radius:5px;justify-content:center;align-items:center;width:46px;height:38px;font-size:1.4rem;line-height:1;display:inline-flex}.ranking-table tr[data-position="1"] .ranking-position{background:var(--lime)}.ranking-table tr[data-position="2"] .ranking-position{background:#d9d9d9}.ranking-table tr[data-position="3"] .ranking-position{background:#e8ad78}.ranking-table tbody td:last-child strong{color:var(--purple);font-size:2rem;line-height:.9}.ranking-table tbody td:last-child span{color:var(--grey-text);text-transform:uppercase;font-size:.76rem;font-weight:900}.ranking-pagination{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.ranking-pagination p,.ranking-pagination span{color:var(--grey-text);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.ranking-pagination>div{align-items:center;gap:12px;display:flex}.ranking-pagination button{border:2px solid var(--black);background:var(--white);min-height:40px;color:var(--black);cursor:pointer;text-transform:uppercase;border-radius:5px;align-items:center;padding:0 15px;font-size:.72rem;font-weight:950;display:flex}.ranking-pagination button:hover:not(:disabled){border-color:var(--purple);background:var(--purple);color:var(--white)}.ranking-pagination button:disabled{cursor:not-allowed;opacity:.42}.ranking-message{border:2px dashed var(--grey);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:45px 25px;display:flex}.ranking-message h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:2.5rem;line-height:.9}.ranking-message p{max-width:520px;color:var(--grey-text);margin:10px 0 0;font-weight:800}.ranking-message button{margin-top:20px;padding:0 18px}.ranking-message.is-error{background:#ff3b300f;border-color:#ff3b308c}.ranking-skeleton{border:2px solid var(--black);border-radius:var(--radius);overflow:hidden}.ranking-skeleton-row{border-bottom:1px solid var(--grey);grid-template-columns:145px 1fr 190px;align-items:center;gap:22px;min-height:73px;padding:14px 22px;display:grid}.ranking-skeleton-row:last-child{border-bottom:0}.ranking-skeleton-row span{background:linear-gradient(100deg,#e4e4e4 25%,#f5f5f5 37%,#e4e4e4 63%) 0 0/400% 100%;border-radius:4px;height:22px;animation:1.25s infinite ranking-shimmer;display:block}.ranking-skeleton-row .ranking-skeleton-position{width:46px;height:38px}.ranking-skeleton-row .ranking-skeleton-name{width:min(320px,65%)}.ranking-skeleton-row .ranking-skeleton-score{justify-self:end;width:82px}@keyframes ranking-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:1080px){.ranking-hero{flex-direction:column;align-items:stretch}.ranking-summary{align-self:flex-start}.ranking-board-heading{flex-direction:column;align-items:stretch}.ranking-refresh-wrap{flex-direction:row-reverse}.ranking-board-actions{align-items:flex-start;width:100%}.ranking-search{width:100%}}@media (max-width:680px){.ranking-main{padding-top:42px}.ranking-hero,.ranking-board{width:min(100% - 36px,1420px)}.ranking-hero{gap:30px;padding-top:34px}.ranking-hero h1{font-size:clamp(4rem,20vw,6.4rem)}.ranking-summary{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ranking-summary>div{min-width:0;padding:15px}.ranking-board{border-radius:10px;padding:24px 16px}.ranking-board-heading h2{font-size:3.2rem}.ranking-board-actions{flex-direction:column;align-items:stretch}.ranking-refresh-wrap{flex-direction:column-reverse}.ranking-refresh{width:100%}.ranking-table th,.ranking-table td{padding:13px 10px}.ranking-table thead th:first-child,.ranking-table tbody td:first-child{width:60px}.ranking-table thead th:last-child,.ranking-table tbody td:last-child{width:98px}.ranking-table thead th{letter-spacing:.03em;font-size:.58rem}.ranking-table tbody th{font-size:.8rem}.ranking-position{width:40px;height:34px;font-size:1.2rem}.ranking-table tbody td:last-child strong{font-size:1.7rem;display:block}.ranking-table tbody td:last-child span{display:none}.ranking-board-footer{flex-direction:column;align-items:flex-start;gap:4px}.ranking-pagination{flex-direction:column;align-items:center}.ranking-pagination>div{gap:8px}.ranking-skeleton-row{grid-template-columns:50px 1fr 64px;gap:12px;padding:12px 10px}}@media (prefers-reduced-motion:reduce){.ranking-skeleton-row span{animation:none}}