:root{--primary-purple:#8b5cf6;--primary-pink:#ec4899;--gold:#fbbf24;--silver:#a1a1aa;--bronze:#f59e0b;--bg-dark:#0a0a0a;--bg-card:#1a1a1a;--border-color:#2a2a2a;--text-primary:#ffffff;--text-secondary:#a1a1aa;--success:#22c55e;--danger:#ef4444;--info:#3b82f6;--shadow-glow:0 0 30px rgba(139,92,246,0.3)}.top-servers-ranking{max-width:1200px;margin:0 auto;padding:2rem}.ranking-header{text-align:center;margin-bottom:3rem;position:relative}.ranking-header:before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--primary-purple),var(--primary-pink));border-radius:3px}.ranking-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(120deg,var(--primary-purple),var(--primary-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ranking-subtitle{color:var(--text-secondary);font-size:1.1rem}.ranking-table-wrapper{background:var(--bg-card);border-radius:20px;padding:1.5rem;box-shadow:0 10px 40px rgba(0,0,0,.5);overflow:hidden;border:2px solid rgba(139,92,246,.25)}.ranking-table{width:100%;border-collapse:separate;border-spacing:0}.ranking-table thead th{background:rgba(139,92,246,.85);color:#fff;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;padding:1rem 1.5rem;text-align:center;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border-color);vertical-align:middle;border-right:none!important;border-left:none!important;opacity:.95}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ranking-table thead th:first-child{text-align:right}.ranking-table thead th:nth-child(3),.ranking-table thead th:nth-child(4){text-align:left}.ranking-table tbody td.rank-cell,.ranking-table thead th.rank-cell{text-align:center;width:80px}.ranking-table tbody tr{transition:all .3s ease;position:relative;cursor:pointer}.ranking-table tbody tr:hover td{background:linear-gradient(90deg,transparent,rgba(139,92,246,.08),transparent);transition:background .3s}.ranking-table tbody tr:hover{transform:translateX(5px)}.ranking-table tbody td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;text-align:center;vertical-align:middle}.ranking-table tbody td:first-child{text-align:right}.ranking-table tbody td:nth-child(3),.ranking-table tbody td:nth-child(4){text-align:left}.rank-cell{font-weight:800;font-size:1.5rem;width:80px;text-align:center;position:relative}.ranking-table tbody tr:first-child .rank-cell{color:var(--gold);text-shadow:0 0 20px rgba(251,191,36,.5)}.ranking-table tbody tr:nth-child(2) .rank-cell{color:var(--silver);text-shadow:0 0 20px rgba(161,161,170,.5)}.ranking-table tbody tr:nth-child(3) .rank-cell{color:var(--bronze);text-shadow:0 0 20px rgba(245,158,11,.5)}.ranking-table tbody tr:first-child .rank-cell:before,.ranking-table tbody tr:nth-child(2) .rank-cell:before,.ranking-table tbody tr:nth-child(3) .rank-cell:before{content:"";position:absolute;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;opacity:.2}.ranking-table tbody tr:first-child .rank-cell:before{background:radial-gradient(circle,var(--gold),transparent)}.ranking-table tbody tr:nth-child(2) .rank-cell:before{background:radial-gradient(circle,var(--silver),transparent)}.ranking-table tbody tr:nth-child(3) .rank-cell:before{background:radial-gradient(circle,var(--bronze),transparent)}.server-icon-cell{width:80px;text-align:center}.server-icon,.server-icon-cell img{width:50px;height:50px;border-radius:12px;object-fit:cover;border:2px solid var(--border-color);transition:all .3s ease;display:inline-block;vertical-align:middle}.ranking-table tbody tr:hover .server-icon,.ranking-table tbody tr:hover .server-icon-cell img{transform:scale(1.1) rotate(5deg);border-color:var(--primary-purple);box-shadow:0 5px 20px rgba(139,92,246,.3)}.server-name{font-weight:700;font-size:1.1rem;color:var(--text-primary);transition:color .3s ease}.ranking-table tbody tr:hover .server-name{color:var(--primary-purple)}.game-name{color:var(--text-secondary);font-size:.9rem}.server-status{align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block;animation:pulse 2s infinite;margin-right:6px}.status-online .status-indicator,.text-green-400.status-indicator{background-color:var(--success)!important;box-shadow:0 0 10px var(--success)}.status-offline .status-indicator,.text-gray-400.status-indicator{background-color:var(--text-secondary)!important;animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.server-players{text-align:center;font-weight:600;color:var(--info);font-size:.95rem}.players-bar{width:100%;height:6px;background-color:rgba(59,130,246,.2);margin-top:.25rem}.players-bar,.players-fill{border-radius:3px;overflow:hidden;position:relative}.players-fill{height:100%;background:linear-gradient(90deg,var(--info),var(--primary-purple));transition:width .5s ease}.players-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.likes-count{text-align:center;font-weight:700;font-size:1.1rem;color:var(--danger);align-items:center;justify-content:center;gap:.5rem}.heart-icon{width:20px;height:20px;fill:currentColor;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.join-button{background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));color:white;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.join-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transition:width .6s,height .6s;transform:translate(-50%,-50%)}.join-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(139,92,246,.4)}.join-button:hover:before{width:300px;height:300px}.ranking-table tbody tr:first-child{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(251,191,36,.05))}.ranking-table tbody tr:nth-child(2){background:linear-gradient(135deg,rgba(161,161,170,.1),rgba(161,161,170,.05))}.ranking-table tbody tr:nth-child(3){background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05))}.loading-state{flex-direction:column;align-items:center;justify-content:center;padding:4rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(139,92,246,.2);border-top:3px solid var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.go-btn{background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));color:#fff;border:none;padding:.5rem 1.2rem;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 2px 10px rgba(139,92,246,.15);transition:background .2s,transform .15s,box-shadow .2s;outline:none;margin:0 auto;display:inline-block}.go-btn:focus,.go-btn:hover{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));transform:translateY(-2px) scale(1.05);box-shadow:0 4px 18px rgba(139,92,246,.25)}.go-btn:active{background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));transform:scale(.98)}@media (max-width:768px){.ranking-table-wrapper{padding:1rem;overflow-x:auto}.ranking-table{min-width:700px}.ranking-title{font-size:2rem}.rank-cell{font-size:1.2rem}.server-icon,.server-icon-cell img{width:40px;height:40px}}.th-left-rounded{border-top-left-radius:20px;overflow:hidden}.th-right-rounded{border-top-right-radius:20px;overflow:hidden}.th-left-rounded12,.th-right-rounded13{border-bottom-left-radius:20px;overflow:hidden}.th-bottom-right-rounded{border-bottom-right-radius:20px;overflow:hidden}.ranking-card.rank-1{position:relative;border:2.5px solid var(--gold);box-shadow:0 0 32px 8px rgba(251,191,36,.45),0 0 0 10px rgba(251,191,36,.18);animation:gold-glow 2.5s linear infinite;z-index:1}.ranking-card.rank-2{position:relative;border:2.5px solid var(--silver);box-shadow:0 0 24px 4px rgba(161,161,170,.25),0 0 0 6px rgba(161,161,170,.1);animation:silver-glow 2.5s linear infinite;z-index:1}.ranking-card.rank-3{position:relative;border:2.5px solid var(--bronze);box-shadow:0 0 16px 2px rgba(245,158,11,.18),0 0 0 4px rgba(245,158,11,.08);animation:bronze-glow 2.5s linear infinite;z-index:1}.ranking-card.rank-other{border:2px solid rgba(139,92,246,.18);box-shadow:0 0 8px 0 rgba(139,92,246,.08)}@keyframes gold-glow{0%{box-shadow:0 0 32px 8px rgba(251,191,36,.45),0 0 0 10px rgba(251,191,36,.18)}50%{box-shadow:0 0 56px 16px rgba(251,191,36,.75),0 0 0 18px rgba(251,191,36,.28)}to{box-shadow:0 0 32px 8px rgba(251,191,36,.45),0 0 0 10px rgba(251,191,36,.18)}}@keyframes silver-glow{0%{box-shadow:0 0 24px 4px rgba(161,161,170,.25),0 0 0 6px rgba(161,161,170,.1)}50%{box-shadow:0 0 40px 8px rgba(161,161,170,.45),0 0 0 12px rgba(161,161,170,.18)}to{box-shadow:0 0 24px 4px rgba(161,161,170,.25),0 0 0 6px rgba(161,161,170,.1)}}@keyframes bronze-glow{0%{box-shadow:0 0 16px 2px rgba(245,158,11,.18),0 0 0 4px rgba(245,158,11,.08)}50%{box-shadow:0 0 24px 4px rgba(245,158,11,.28),0 0 0 8px rgba(245,158,11,.13)}to{box-shadow:0 0 16px 2px rgba(245,158,11,.18),0 0 0 4px rgba(245,158,11,.08)}}.join-btn-rank-1{background:linear-gradient(90deg,#fbbf24,#fde68a);color:#fff;box-shadow:0 0 16px 2px rgba(251,191,36,.35);animation:join-gold-glow 2s infinite alternate;border:none}.join-btn-rank-2{background:linear-gradient(90deg,#a1a1aa,#f3f4f6);color:#333;box-shadow:0 0 12px 2px rgba(161,161,170,.25);animation:join-silver-glow 2s infinite alternate;border:none}.join-btn-rank-3{background:linear-gradient(90deg,#b45309,#f59e0b);color:#fff;box-shadow:0 0 8px 1px rgba(180,83,9,.18);animation:join-bronze-glow 2s infinite alternate;border:none}.join-btn-rank-other{background:linear-gradient(90deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 0 6px 0 rgba(139,92,246,.1);border:none;transition:box-shadow .2s,background .2s}.join-btn-rank-other:focus,.join-btn-rank-other:hover{background:linear-gradient(90deg,#8b5cf6,#a78bfa);box-shadow:0 0 16px 2px rgba(139,92,246,.18)}@keyframes join-gold-glow{0%{box-shadow:0 0 16px 2px rgba(251,191,36,.35)}to{box-shadow:0 0 32px 8px rgba(251,191,36,.55)}}@keyframes join-silver-glow{0%{box-shadow:0 0 12px 2px rgba(161,161,170,.25)}to{box-shadow:0 0 24px 6px rgba(161,161,170,.35)}}@keyframes join-bronze-glow{0%{box-shadow:0 0 8px 1px rgba(180,83,9,.18)}to{box-shadow:0 0 16px 4px rgba(180,83,9,.28)}}