.rankings-page{max-width:1440px;margin:.75rem auto 3rem;padding:0 1rem}.rankings-page h1{font-size:1.6rem;margin:0 0 .4rem;color:var(--text, #f4f4f5)}.rankings-sub{margin:0 0 1rem;color:var(--text-dim, #94a3b8);max-width:70ch}.rankings-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.rankings-stat{background:var(--bg-2, #121a2c);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;padding:.6rem .9rem;min-width:160px}.rankings-stat-label{display:block;font-size:.72rem;color:var(--text-dim, #94a3b8);text-transform:uppercase;letter-spacing:.06em}.rankings-stat-value{display:block;font-size:1.15rem;color:var(--text, #eee);font-weight:600;margin-top:.15rem;font-variant-numeric:tabular-nums}.rankings-controls{display:flex;align-items:center;gap:.75rem;padding:.6rem;background:var(--bg-1, #0b1120);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;margin-bottom:.6rem;flex-wrap:nowrap}.rankings-genres{display:flex;align-items:center;gap:.55rem;flex:1 1 0;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.rankings-genres::-webkit-scrollbar{height:6px}.rankings-genres::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.rankings-genres strong{color:var(--text, #eee);font-size:.85rem;flex:0 0 auto}.genre-pills{display:flex;gap:.4rem;flex-wrap:nowrap;flex:0 0 auto}.rankings-genres .genre-pill{flex:0 0 auto;white-space:nowrap;margin:0;padding:4px 9px}.rankings-search{display:flex;align-items:center;gap:.6rem;flex:0 0 auto;margin-left:auto}.rankings-search input[type=search]{background:var(--bg-2, #121a2c);color:var(--text, #eee);border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:6px;padding:.42rem .7rem;font:inherit;font-size:.9rem;min-width:240px}.rankings-search input[type=search]:focus{outline:none;border-color:var(--accent, #ec4899)}.rankings-search-status{font-size:.78rem;color:var(--text-dim, #94a3b8);min-width:90px}.rankings-search-status.is-active{color:var(--accent, #ec4899)}.rankings-table-wrap{overflow-x:auto;background:var(--bg-1, #0b1120);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px}.rankings-table{width:100%;border-collapse:collapse;font-size:.92rem}.rankings-table th,.rankings-table td{padding:.55rem .7rem;text-align:left;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.rankings-table th{background:var(--bg-2, #121a2c);color:var(--text-dim, #94a3b8);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;user-select:none;position:sticky;top:0;z-index:1}.rankings-table th.num,.rankings-table td.num{text-align:center;font-variant-numeric:tabular-nums}.rankings-table th.sortable a{color:inherit;text-decoration:none}.rankings-table th.sort-active a{color:var(--accent, #ec4899)}.rankings-table td.rank{color:var(--text-dim, #94a3b8);text-align:center;width:3.5rem}.rankings-table td.game{display:flex;align-items:center;gap:.6rem;min-width:260px}.rankings-table td.game img{width:120px;height:56px;object-fit:cover;border-radius:3px}.rankings-table td.game a{color:var(--text, #eee);text-decoration:none;font-weight:500}.rankings-table td.game a:hover{color:var(--accent, #ec4899)}.rankings-table td.join{text-align:center;white-space:nowrap;width:100px}.rankings-table .join-discord{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .6rem;background:#5865f2;color:#fff;text-decoration:none;border-radius:5px;font-size:.78rem;font-weight:500;line-height:1;transition:background .12s ease}.rankings-table .join-discord:hover{background:#4752c4;text-decoration:none}.rankings-table .join-discord svg{display:block}.rankings-table .join-discord .ext-arrow{opacity:.85;font-size:.78rem;line-height:1}.rankings-table td.join .join-empty{color:var(--text-dim, #94a3b8);font-size:.78rem}.rankings-empty{padding:3rem 1rem;text-align:center;color:var(--text-dim, #94a3b8);background:var(--bg-1, #0b1120);border:1px dashed var(--border-strong, rgba(255, 255, 255, .14));border-radius:8px}.rankings-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .75rem;margin-top:.75rem;border-top:1px solid var(--border, rgba(255, 255, 255, .08));font-size:.88rem}.rankings-pagination .pagination-meta{color:var(--text-dim, #94a3b8)}.rankings-pagination .pagination-count{opacity:.75}.rankings-pagination .pagination-controls{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.rankings-pagination .page-btn{display:inline-block;min-width:32px;padding:.35rem .6rem;border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:4px;text-align:center;text-decoration:none;color:var(--text, #eee);background:var(--bg-2, #121a2c)}.rankings-pagination a.page-btn:hover{background:var(--bg-3, #1a2337);border-color:var(--accent, #ec4899)}.rankings-pagination .page-btn.is-current{background:var(--accent, #ec4899);color:#0b0912;border-color:var(--accent, #ec4899);font-weight:600;cursor:default}.rankings-pagination .page-btn.is-disabled{opacity:.4;cursor:default}.rankings-pagination .page-ellipsis{color:var(--text-dim, #94a3b8);padding:0 .3rem}@media (max-width: 720px){.rankings-page h1{font-size:1.35rem}.rankings-search{margin-left:0;width:100%}.rankings-search input[type=search]{flex:1;min-width:0}.rankings-pagination{flex-direction:column;align-items:stretch}}