#cobeg-ranking-page{--rank-border:color-mix(in srgb,var(--muted) 24%,transparent);position:relative}.ranking-header{border:1px solid var(--rank-border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.35rem 1.5rem}.ranking-heading-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ranking-heading-row h1{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:900;line-height:1.15}.ranking-heading-row h1 span{color:var(--muted);letter-spacing:0;font-size:1rem}.ranking-heading-row p{color:var(--muted);margin:.45rem 0 0;font-size:.9rem}.ranking-tabs{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.ranking-tabs button,.rank-mode-grid button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:800;transition:all .18s}.ranking-tabs button:hover,.rank-mode-grid button:hover{border-color:var(--accent);color:var(--accent)}.ranking-tabs button.active,.rank-mode-grid button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 18%,transparent)}.ranking-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.5rem;display:grid}.ranking-main{min-width:0}.ranking-table-wrap{border:1px solid var(--rank-border);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;overflow:auto}.ranking-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px;font-size:.9rem}.ranking-table th{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);letter-spacing:.055em;text-align:center;text-transform:uppercase;white-space:nowrap;padding:13px 7px;font-size:.75rem;font-weight:900;position:sticky;top:0}.ranking-table td{border-bottom:1px solid var(--border);color:var(--text);text-align:center;vertical-align:middle;padding:9px 7px}.ranking-table tbody tr:hover{background:color-mix(in srgb,var(--muted) 5%,transparent)}.ranking-table .player-info{text-align:left;min-width:190px}.ranking-table td.player-info>div{align-items:center;gap:6px;display:flex}.ranking-table td.player-info a{font-weight:850}.ranking-table td.player-info a:hover{color:var(--accent);text-decoration:underline}.ranking-table td.player-info small{color:var(--muted);margin-top:2px;font-size:.75rem;font-weight:600;display:block}.rank-avatar-cell{width:58px}.rank-avatar-cell img,.rank-avatar-cell>span{border:1px solid var(--border);background:var(--soft);object-fit:cover;border-radius:999px;place-items:center;width:48px;height:48px;margin:auto;font-size:1.05rem;font-weight:900;display:grid}.rank-verified{background:var(--accent);color:#fff;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:.72rem;display:inline-grid}.rank-verified.level-2{background:linear-gradient(135deg,#f8fafc,#b98120 50%,#fff7d1)}.rank-verified.level-3{background:linear-gradient(135deg,#7c3aed,#ec4899)}.rank-verified.level-4{background:radial-gradient(circle at 30% 20%,#38bdf8,#2563eb 60%,#0f3b8f)}.ranking-message{font-weight:800;color:var(--muted)!important;padding:4rem 1.5rem!important}.ranking-message button{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:.5rem;font-weight:900}.rank-skeleton-row td{height:66px;padding-inline:1rem}.rank-skeleton-row .skeleton{width:100%}.rank-sentinel{height:1px}.rank-load-more{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:48px;color:var(--text);margin:1rem auto;padding:0 1.25rem;font-weight:850;display:block}.rank-filters{border:1px solid var(--rank-border);border-radius:var(--radius-lg);background:var(--surface);max-height:calc(100vh - 2.5rem);box-shadow:var(--shadow-sm);position:sticky;top:1.25rem;overflow:hidden}.rank-filter-body{max-height:calc(100vh - 2.5rem);padding:1.25rem;overflow-y:auto}.rank-filter-body section{border-bottom:1px solid var(--border);gap:.7rem;margin-bottom:1.2rem;padding-bottom:1.2rem;display:grid}.rank-filter-body h2,.rank-filter-body label{color:var(--text);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.rank-mode-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.rank-mode-grid button{border-radius:var(--radius-sm);min-height:48px;padding:7px;font-size:.82rem}.rank-filter-body input,.rank-filter-body select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--soft);width:100%;min-height:48px;color:var(--text);padding:.7rem .9rem;font-weight:700}.rank-filter-body input:focus,.rank-filter-body select:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:0}.rank-reset{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--soft);width:100%;min-height:48px;color:var(--text);cursor:pointer;font-weight:850}.rank-filter-toggle,.rank-filter-mobile-head,.rank-filter-backdrop{display:none}.ranking-seo-content{border:1px solid var(--rank-border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-top:2rem;padding:clamp(1.2rem,3vw,1.6rem)}.ranking-seo-content h2{margin:0 0 .75rem;font-size:1.4rem}.ranking-seo-content h3{margin:1.25rem 0 .45rem;font-size:1rem}.ranking-seo-content p{color:var(--muted);line-height:1.75}.ranking-seo-content strong{color:var(--text)}@media (max-width:992px){.ranking-header{padding:1rem}.ranking-heading-row h1{font-size:1.45rem}.rank-filter-toggle{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:999px;align-items:center;padding:0 1rem;font-weight:850;display:inline-flex}.ranking-layout{grid-template-columns:1fr}.rank-filters{z-index:40001;border:0;border-left:1px solid var(--border);border-radius:0;width:min(88%,360px);height:100dvh;max-height:none;transition:transform .3s;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.rank-filters.show{transform:translate(0)}.rank-filter-backdrop{z-index:40000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;position:fixed;inset:0}.rank-filter-backdrop.show{display:block}.rank-filter-mobile-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:64px;padding:1rem 1.25rem;display:flex}.rank-filter-mobile-head h2{margin:0;font-size:1.1rem}.rank-filter-mobile-head button{background:var(--soft);width:38px;height:38px;color:var(--text);border:0;border-radius:999px;font-size:1.3rem}.rank-filter-body{max-height:calc(100dvh - 64px)}.ranking-table{min-width:610px;font-size:.79rem}.ranking-table th,.ranking-table td{padding:7px 5px}.ranking-table .rank-wide,.ranking-table .rank-desktop{display:none}.ranking-table .player-info{min-width:155px}.rank-avatar-cell{width:48px}.rank-avatar-cell img,.rank-avatar-cell>span{width:40px;height:40px}.rank-verified{width:18px;height:18px}}@media (max-width:600px){.ranking-heading-row{align-items:flex-start}.ranking-heading-row h1 span{margin-top:.25rem;display:block}.ranking-heading-row p{line-height:1.5}.ranking-tabs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.ranking-tabs::-webkit-scrollbar{display:none}.ranking-tabs button{flex:none;padding-inline:13px;font-size:.78rem}.ranking-table{min-width:535px}.ranking-table th,.ranking-table td{font-size:.75rem}.ranking-header{border-radius:var(--radius-md)}.rank-filter-toggle{flex:none;padding-inline:.75rem}}