.stats-rankings-ui{width:100%;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif}.filters-container{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.filter-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-width:240px}.filter-label{display:none}.filter-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;width:18px;height:18px;z-index:2}.filters-container select{width:100%;padding:.875rem 3rem .875rem 1.5rem;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:9999px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filters-container select{text-align:center;padding-left:1.5rem}.filters-container select:hover{border-color:#fbbf24;background:#fffdf5}.filters-container select:focus{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf2426;background:#fff}.ranking-cards-container{margin-top:1rem}.ranking-card{background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.ranking-title{font-size:1.25rem;font-weight:800;color:#111827;padding:1.25rem 2rem;border-bottom:2px solid #fbbf24;background:#fff;margin:0;text-align:left;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:.75rem}.ranking-title:before{content:"";display:inline-block;width:6px;height:24px;background:#fbbf24;border-radius:4px}.overflow-x-auto{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;overflow-x:auto}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-track{background:transparent}.overflow-x-auto::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}table{width:100%;border-collapse:separate;border-spacing:0}thead{background:#f9fafb;position:sticky;top:0;z-index:10}th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#6b7280;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}th.text-center{text-align:center}tbody tr{background:#fff;transition:all .2s ease}tbody tr:nth-child(2n){background:#fcfcfc}tbody tr:hover{background:#fffbeb;transform:scale(1.001);box-shadow:0 4px 6px -1px #0000000d;position:relative;z-index:5}td{padding:1.15rem 1.5rem;white-space:nowrap;color:#374151;font-size:.95rem;border-bottom:1px solid #f3f4f6}tbody tr:last-child td{border-bottom:none}.pos-cell{font-size:.9rem;color:#9ca3af;font-weight:600;font-variant-numeric:tabular-nums;width:4rem}tbody tr:nth-child(1) .pos-cell{color:#d97706;font-size:1.1rem;font-weight:800}tbody tr:nth-child(2) .pos-cell{color:#5f666f;font-weight:800}tbody tr:nth-child(3) .pos-cell{color:#b45309;font-weight:800}.player-cell{vertical-align:middle}.player-thumb-wrapper{width:3rem;height:3rem;min-width:3rem;min-height:3rem;flex-shrink:0;border:2px solid #ffffff;box-shadow:0 0 0 1px #e5e7eb;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:flex-end;justify-content:center}tbody tr:nth-child(1) .player-thumb-wrapper{width:18rem;height:18rem;min-width:18rem;min-height:18rem;border-color:gold;box-shadow:0 0 0 2px gold,0 4px 6px -1px #0000001a}tbody tr:nth-child(2) .player-thumb-wrapper,tbody tr:nth-child(3) .player-thumb-wrapper{width:10rem;height:10rem;min-width:10rem;min-height:10rem}tbody tr:nth-child(2) .player-thumb-wrapper{border-color:silver;box-shadow:0 0 0 2px silver,0 4px 6px -1px #0000001a}tbody tr:nth-child(3) .player-thumb-wrapper{border-color:#cd7f32;box-shadow:0 0 0 2px #cd7f32,0 4px 6px -1px #0000001a}tbody tr:hover .player-thumb-wrapper{transform:scale(1.05);border-color:#fbbf24}.player-thumb-img{width:100%;height:100%;object-fit:contain;object-position:bottom center}.player-name{font-size:.95rem;font-weight:600;color:#111827;letter-spacing:-.01em;transition:color .2s ease}.player-link{text-decoration:none;color:inherit;display:block;width:100%}.player-link:hover .player-name{color:#d97706;text-decoration:underline}.stat-cell{font-size:1.05rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.no-data{padding:4rem 2rem;text-align:center;color:#9ca3af;font-style:italic;background:#f9fafb}.w-16{width:5rem}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.75rem}@media(max-width:768px){.ranking-title{padding:.75rem 1rem;font-size:1rem;min-height:60px}td,th{padding:.5rem .25rem;font-size:.8rem}td.player-cell,.player-name{white-space:normal;line-height:1.2;word-wrap:break-word;max-width:120px}.stat-cell{font-size:.9rem;padding-left:.1rem;padding-right:.1rem}div.player-name{font-size:.8rem}.filters-container{flex-direction:column;align-items:center}.filter-wrapper{width:100%;max-width:100%}.player-thumb-wrapper{width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:6px}tbody tr:nth-child(1) .player-thumb-wrapper{width:4rem;height:4rem;min-width:4rem;min-height:4rem}tbody tr:nth-child(2) .player-thumb-wrapper,tbody tr:nth-child(3) .player-thumb-wrapper{width:3rem;height:3rem;min-width:3rem;min-height:3rem}.w-16{width:1.5rem}.pos-cell{width:1.5rem;font-size:.75rem;padding-left:.1rem;padding-right:.1rem}}