/* ManiaGrania RC1.1 UI hotfix: visibility of Connect + truthful click counts. */
/* Home ranking: final column is a visible Connect action to the right of Votes. */
#ranking .tablewrap { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
#ranking .server-table { width:100%; min-width:1050px; table-layout:fixed; border-collapse:collapse; }
#ranking .server-table th,#ranking .server-table td { vertical-align:middle; padding:10px 9px; }
/* Original home.css defined widths only for 7 of the 8 columns, summing to 100%.
   Override all 8 widths to keep Actions from slipping off the right side. */
#ranking .server-table th:nth-child(1) { width:4%; }
#ranking .server-table th:nth-child(2) { width:23%; }
#ranking .server-table th:nth-child(3) { width:12%; }
#ranking .server-table th:nth-child(4) { width:19%; }
#ranking .server-table th:nth-child(5) { width:9%; }
#ranking .server-table th:nth-child(6) { width:8%; }
#ranking .server-table th:nth-child(7) { width:10%; }
#ranking .server-table th:nth-child(8) { width:15%; }
#ranking .server-table td:nth-child(2) { white-space:normal; }
#ranking .server-table .server-name { line-height:1.35; overflow-wrap:anywhere; }
#ranking .server-table .mg-rc11-votes { text-align:center; white-space:normal; }
#ranking .mg-rc11-votes strong { display:block; font-weight:800; margin-bottom:6px; }
#ranking .mg-rc11-vote-link { display:inline-block; color:#b9d5ff; font:700 11px Inter,Arial,sans-serif; line-height:1.5; text-decoration:none; white-space:nowrap; }
#ranking .mg-rc11-vote-link:hover { color:#fff; text-decoration:underline; }
#ranking .server-table th:nth-child(8),#ranking .server-table td:nth-child(8) { text-align:center; position:sticky; right:0; z-index:2; background:#132137; box-shadow:-9px 0 13px -9px rgba(0,0,0,.85); overflow:visible; }
#ranking .server-table th:nth-child(8) { z-index:3; background:#0c1626; }
#ranking .server-table tbody tr:hover td:nth-child(8) { background:#1a2a44; }
#ranking .mg-rc11-home-connect { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; margin:0; }
#ranking .mg-rc11-join { display:inline-flex; align-items:center; justify-content:center; min-width:94px; padding:8px 12px; border-radius:8px; border:1px solid #ffba60; color:#151a24; background:#ffa137; font:800 12px Inter,Arial,sans-serif; text-decoration:none; white-space:nowrap; }
#ranking .mg-rc11-join:hover { background:#ffb85a; }
#ranking .mg-rc11-clicks { color:#bdcce0; font:600 10px Inter,Arial,sans-serif; white-space:nowrap; text-align:center; }
@media(max-width:600px) { #ranking .server-table { min-width:980px; } }

/* CS 1.6: the underlying template has 9 columns, not 8. */
#lista .mg-rc11-scroll-hint { display:none; padding:0 16px 9px; margin:0; color:#aebdd0; font-size:11px; }
#lista .mg-rc11-cs16-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
#lista .mg-rc11-cs16-table { width:100%; min-width:1180px; table-layout:fixed; border-collapse:collapse; }
#lista .mg-rc11-cs16-table th,#lista .mg-rc11-cs16-table td { box-sizing:border-box; min-width:0; padding:12px 10px; vertical-align:middle; line-height:1.45; text-overflow:clip; }
#lista .mg-rc11-cs16-table th:nth-child(1) { width:4%; }
#lista .mg-rc11-cs16-table th:nth-child(2) { width:20%; }
#lista .mg-rc11-cs16-table th:nth-child(3) { width:14%; }
#lista .mg-rc11-cs16-table th:nth-child(4) { width:11%; }
#lista .mg-rc11-cs16-table th:nth-child(5) { width:9%; }
#lista .mg-rc11-cs16-table th:nth-child(6) { width:10%; }
#lista .mg-rc11-cs16-table th:nth-child(7) { width:10%; }
#lista .mg-rc11-cs16-table th:nth-child(8) { width:13%; }
#lista .mg-rc11-cs16-table th:nth-child(9) { width:9%; }
#lista .mg-rc11-cs16-table th { white-space:nowrap; }
#lista .mg-rc11-cs16-table td:nth-child(2),#lista .mg-rc11-cs16-table td:nth-child(4),#lista .mg-rc11-cs16-table td:nth-child(7) { white-space:normal; overflow-wrap:anywhere; }
#lista .mg-rc11-cs16-table .mg-vote-btn { display:inline-flex; align-items:center; max-width:100%; padding:7px 9px; font-size:11px; white-space:normal; line-height:1.35; }
#lista .mg-rc11-cs16-table th:last-child, #lista .mg-rc11-cs16-table td:last-child { position:sticky; right:0; z-index:2; background:#101d32; box-shadow:-9px 0 14px -8px #02060c; overflow:visible; }
#lista .mg-rc11-cs16-table th:last-child { z-index:3; background:#0d1a2c; }
#lista .mg-rc11-cs16-table tbody tr:hover td:last-child { background:#192b46; }
#lista .mg-rc11-category-connect { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
#lista .mg-rc11-category-connect .mg-connect-btn { padding:7px 10px; font-size:11px; }
#lista .mg-rc11-category-connect .mg-rc11-clicks { display:block; max-width:100%; color:#b4c6db; font-size:10px; font-weight:600; white-space:normal; }
@media(max-width:1190px) { #lista .mg-rc11-scroll-hint { display:block; } }

/* LOCALHOST visual refinement, Oct 27: remove the redundant desktop scrollbar.
   Retain true horizontal scrolling for narrower screens and for keyboard/touchpad. */
@media (min-width: 1100px) {
  #ranking .tablewrap { scrollbar-width: none; -ms-overflow-style: none; }
  #ranking .tablewrap::-webkit-scrollbar { display: none; height: 0; }
}