.rankings-section{position:relative;min-height:100vh;padding:100px 280px 60px;transition:padding .3s ease;scroll-behavior:smooth;overscroll-behavior:contain;max-width:100vw;box-sizing:border-box}.rankings-section__background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:0}.section-header{text-align:center;margin-bottom:2rem;max-width:100%}.section-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.section-subtitle{color:#666;font-size:.95rem}.rankings-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;border-bottom:1px solid #1a1a1a;padding-bottom:1rem}.rank-tab{padding:.6rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#666;font-weight:500;text-decoration:none;transition:all .2s ease;font-size:.95rem;cursor:pointer}.rank-tab:hover{color:#999}.rank-tab.active{color:#fff;border-bottom-color:#3b82f6}.filters-bar{background:transparent;border:none;padding:1.5rem 0;margin-bottom:0}.filters-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filters-row.classe{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.filters-row.classe::-webkit-scrollbar{display:none}.filters-row.classe{-ms-overflow-style:none;scrollbar-width:none}.filters-row:last-child{margin-bottom:0}.filters-label{color:#999;font-weight:600;font-size:.85rem;text-transform:capitalize;min-width:80px}.chip{padding:.5rem 1rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;color:#999;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;cursor:pointer}.chip:hover{background:#252525;color:#ccc;border-color:#3a3a3a}.chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.search-bar{display:flex;gap:.5rem;width:100%;margin:1.5rem 0;justify-content:flex-end;position:relative}.search-bar input[type=text]{flex:0 1 240px;padding:.65rem 1rem;background:#fff;border:1px solid #ddd;border-radius:4px;color:#000;font-size:.9rem;transition:all .2s ease}.search-bar input[type=text]:focus{outline:none;border-color:#3b82f6}.search-bar input[type=text]::-moz-placeholder{color:#999}.search-bar input[type=text]::placeholder{color:#999}.search-bar .btn{padding:.65rem 1.5rem;background:#3b82f6;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.search-bar .btn:hover{background:#2563eb}.search-bar .btn-clear{padding:.65rem .75rem;background:#ef4444;border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:1.2rem;line-height:1;box-shadow:0 2px 8px #ef444466}.search-bar .btn-clear:hover{background:#dc2626;box-shadow:0 4px 12px #ef444480;transform:scale(1.05)}.rank-table{width:100%;border-collapse:collapse;background:transparent;border:1px solid #1a1a1a;margin-top:1rem;table-layout:auto;overflow-x:auto;display:table}.rank-table thead{background:#111;border-bottom:1px solid #1a1a1a}.rank-table th{padding:.9rem 1rem;color:#999;font-weight:600;text-transform:capitalize;font-size:.85rem;text-align:left;border-bottom:1px solid #1a1a1a}.rank-table td{padding:.9rem 1rem;border-bottom:1px solid #1a1a1a;color:#ccc;font-size:.9rem}.rank-table tbody tr{transition:background .15s ease}.rank-table tbody tr:hover{background:#0f0f0f}.rank-table tbody tr:last-child td{border-bottom:none}.rank-table tbody tr:nth-child(1) td:first-child{color:#fbbf24;font-weight:700}.rank-table tbody tr:nth-child(2) td:first-child{color:#94a3b8;font-weight:700}.rank-table tbody tr:nth-child(3) td:first-child{color:#cd7f32;font-weight:700}.relics-badges{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.relic-badge{padding:.6rem 1.25rem;border-radius:4px;font-weight:600;text-decoration:none;transition:all .2s ease;border:1px solid;font-size:.85rem;text-transform:uppercase;cursor:pointer}.relic-badge.teste1{background:#1a1a1a;color:#ef4444;border-color:#2a1a1a}.relic-badge.teste1:hover,.relic-badge.teste1.active{background:#ef4444;color:#fff;border-color:#ef4444}.relic-badge.teste2{background:#1a1a1a;color:#22c55e;border-color:#1a2a1a}.relic-badge.teste2:hover,.relic-badge.teste2.active{background:#22c55e;color:#fff;border-color:#22c55e}.relic-badge.teste3{background:#1a1a1a;color:#a855f7;border-color:#2a1a2a}.relic-badge.teste3:hover,.relic-badge.teste3.active{background:#a855f7;color:#fff;border-color:#a855f7}.subsection-header{font-size:1.3rem;font-weight:600;color:#fff;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #1a1a1a}.rank-table td img{border-radius:4px;transition:opacity .2s ease}.rank-table td img:hover{opacity:.8}@media (min-width: 1920px){.rankings-section{padding:100px 400px 60px 380px;max-width:2560px;margin:0 auto}}@media (max-width: 1600px){.rankings-section{padding:100px 180px 60px 280px}}@media (max-width: 1280px){.rankings-section{padding:100px 100px 60px 280px}.rank-table{font-size:.85rem}}@media (max-width: 1024px){.rankings-section{padding:100px 40px 60px 80px}.rank-table{font-size:.82rem}}@media (max-width: 768px){.rankings-section{padding:100px 20px 60px}.section-title{font-size:1.5rem}.filters-bar{padding:1rem 0}.filters-label{width:100%;margin-bottom:.5rem}.rank-table{font-size:.8rem}.rank-table th,.rank-table td{padding:.7rem .5rem}.search-bar{flex-direction:row;flex-wrap:wrap}.search-bar input[type=text]{flex:1;min-width:200px}.search-bar .btn,.search-bar .btn-clear{flex:0 0 auto}}@media (max-width: 375px){.rank-table{font-size:.75rem}.rank-table th,.rank-table td{padding:.5rem .3rem}.chip{padding:.4rem .8rem;font-size:.75rem}.section-title{font-size:1.3rem}}