: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{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{padding:0!important;border:none!important;width:50px;height:50px;text-align:center}.server-icon,.server-icon-cell img{width:50px!important;height:50px!important;box-sizing:border-box;padding:0!important;border:2px solid var(--border-color,#a855f7);border-radius:12px;object-fit:cover;display:inline-block;vertical-align:middle;transition:all .3s ease}.ranking-table tbody tr:hover .server-icon,.ranking-table tbody tr:hover .server-icon-cell img{transform:scale(1.15) rotate(5deg);border-color:var(--primary-purple);box-shadow:0 8px 25px rgba(139,92,246,.4)}.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}}.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}