.rankings-page{padding:12px 0 78px;font-family:'Kanit','Nunito',sans-serif;}
.rankings-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;min-height:0;margin:0;padding:70px 0 40px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;}
.rankings-hero-copy{position:relative;z-index:2;max-width:660px;}
.rankings-board .eyebrow{margin-bottom:9px;}
.rankings-hero h1{max-width:680px;}
.rankings-hero-meta{display:flex;align-items:center;gap:9px;margin-top:18px;color:var(--muted);font-size:13px;font-weight:800;}
.rankings-live-dot{width:8px;height:8px;border-radius:50%;background:#35af7b;box-shadow:0 0 0 4px rgba(53,175,123,.14);}
.rankings-meta-divider{color:#a5b6c6;}
.rankings-hero-emblem{position:relative;left:-56px;right:auto;top:auto;width:420px;height:390px;transform:none;display:grid;place-items:center;}
.rankings-hero-emblem img{display:block;width:100%;height:100%;object-fit:contain;}
.rankings-board{padding:30px 0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.ranking-controls{position:sticky;top:80px;z-index:40;}
.ranking-tab:focus-visible,.ranking-search input:focus-visible{outline:3px solid rgba(45,108,223,.42);outline-offset:2px;}
.ranking-filter-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px;padding:12px 18px;border:1.5px solid var(--line);border-radius:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(16,42,67,.08);}
.ranking-toolbar-character{right:auto;left:14px;height:100px;transform:translateY(calc(-100% + 9px));}
.ranking-tabs{display:flex;flex-wrap:wrap;gap:8px;}
.ranking-tab{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:38px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--muted);font:700 13.5px 'Kanit','Nunito',sans-serif;white-space:nowrap;cursor:pointer;transition:all .15s ease;}
.ranking-tab:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(45,108,223,.35);background:var(--panel-solid);color:var(--sky-deep);}
.ranking-tab.is-active{border-color:var(--sky-deep);background:var(--sky-deep);color:#fff;box-shadow:0 4px 12px rgba(45,108,223,.3);}
.ranking-tab.is-future{color:#9aaaba;cursor:not-allowed;}
.ranking-filter-search{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:1 1 270px;min-width:240px;}
.ranking-search{display:flex;align-items:center;gap:9px;width:min(100%,320px);height:40px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;background:var(--cream);color:#8093a5;}
.ranking-search span{font-size:21px;line-height:1;}
.ranking-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:600 13.5px 'Kanit','Nunito',sans-serif;}
.ranking-search input::placeholder{color:#9aabba;font-weight:600;}
.ranking-result-count{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;}
.ranking-table-scroll{overflow-x:auto;border:0;border-radius:16px;}
.ranking-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;}
.ranking-table th{height:48px;}
.ranking-table td{height:58px;color:#365168;font-weight:700;}
.ranking-table tbody tr:hover{background:rgba(45,108,223,.06);}
.ranking-table .rank-cell{width:76px;color:#788da0;font:800 16px 'Baloo 2',sans-serif;}
.ranking-table .rank-cell.is-gold{color:#c18a0a;}
.ranking-table .rank-cell.is-silver{color:#78889a;}
.ranking-table .rank-cell.is-bronze{color:#ad704b;}
.ranking-table .player-cell{color:var(--ink);font-weight:900;}
.ranking-table .number-cell{font-variant-numeric:tabular-nums;}
.ranking-table .ranking-message{height:150px;text-align:center;color:#8093a5;font-size:14px;}
.ranking-pagination{margin-top:16px;}
#ranking-page-status{min-width:132px;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;}
.ranking-footnote{margin-top:14px;color:#8093a5;font-size:12px;line-height:1.55;}
@media(max-width:1050px){.rankings-hero{padding:56px 0 34px;}.rankings-hero-emblem{left:-32px;width:320px;height:300px;}}
@media(max-width:720px){.rankings-hero{grid-template-columns:1fr;gap:8px;padding:48px 0 26px;}.rankings-hero-copy{max-width:100%;}.rankings-hero-emblem{left:auto;width:min(78vw,390px);height:auto;aspect-ratio:520/471;margin:-8px auto -28px;}}
@media(max-width:720px){.rankings-hero-emblem{display:none;}}
@media(max-width:600px){.rankings-page{padding-top:8px;padding-bottom:52px;}.rankings-hero{grid-template-columns:1fr;min-height:0;margin:0;padding:44px 0 28px;}.rankings-hero h1{font-size:clamp(30px,8vw,42px);}.rankings-hero-emblem{width:min(72vw,340px);margin:-4px auto -24px;}.rankings-hero-meta{flex-wrap:wrap;font-size:11px;}.rankings-board{padding:20px 0;}.ranking-controls{top:64px;}.ranking-filter-toolbar{gap:10px;padding:10px;border-radius:18px;}.ranking-toolbar-character{left:8px;height:74px;transform:translateY(calc(-100% + 9px));}.ranking-tabs{gap:6px;}.ranking-tab{min-height:36px;padding:6px 12px;font-size:12px;}.ranking-filter-search{flex-basis:100%;justify-content:space-between;gap:8px;min-width:0;}.ranking-search{height:38px;}.ranking-table th,.ranking-table td{padding:10px 12px;font-size:12px;}}