/* Card styling shared visually with the servers page. */
      .server-card {
        background: #0b0d12;
        border: 0;
        border-radius: 28px;
        box-shadow: none;
        color: inherit;
        display: block;
        overflow: hidden;
        padding: 28px 28px 24px;
        position: relative;
        text-decoration: none;
        transition: transform 180ms ease;
      }

      .server-card:hover {
        transform: scale(1.035);
      }

      .server-card__top {
        align-items: center;
        display: flex;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 22px;
      }

      .server-card__title {
        align-items: center;
        display: flex;
        gap: 12px;
        min-width: 0;
      }

      .server-card__dot {
        background: #4de17d;
        border-radius: 999px;
        box-shadow: 0 0 14px rgba(77, 225, 125, 0.4);
        flex: 0 0 auto;
        height: 10px;
        width: 10px;
      }

      .server-card__name {
        color: #ffffff;
        display: block;
        font-size: 1.95rem;
        font-weight: 800;
        letter-spacing: -0.04em;
        line-height: 1;
      }

      .server-card__status {
        color: #4de17d;
        font-size: 0.98rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .server-card__status.is-offline {
        color: #ef5350;
      }

      .server-card__dot.is-offline {
        background: #ef5350;
        box-shadow: 0 0 14px rgba(239, 83, 80, 0.4);
      }

      .server-card__stats {
        align-items: center;
        color: #f1f5fb;
        display: flex;
        font-size: 1.12rem;
        font-weight: 700;
        justify-content: space-between;
        margin-bottom: 16px;
      }

      .server-card__players {
        align-items: baseline;
        display: inline-flex;
        gap: 4px;
      }

      .server-card__players-current {
        color: #ffffff;
        font-size: 2rem;
        font-weight: 900;
        letter-spacing: -0.05em;
        line-height: 1;
      }

      .server-card__players-max {
        color: rgba(241, 245, 251, 0.58);
        font-size: 1rem;
        font-weight: 700;
      }

      .server-card__players-label {
        color: rgba(241, 245, 251, 0.72);
        font-size: 1rem;
        font-weight: 600;
        margin-left: 8px;
      }

      .server-card__queue {
        color: rgba(241, 245, 251, 0.72);
        font-size: 0.98rem;
        font-weight: 600;
      }

      .server-card__bar {
        background: #2a3039;
        border-radius: 999px;
        height: 10px;
        overflow: hidden;
        width: 100%;
      }

      .server-card__fill {
        border-radius: 999px;
        height: 100%;
        transition: width 220ms ease, background-color 220ms ease;
        width: 0;
      }


.home-servers{margin:0 auto;max-width:1180px;text-align:center}
.home-servers__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),520px));justify-content:center;gap:28px;margin:70px auto 0;color:#fff}
.home-servers__grid .server-card{text-align:left}
.home-servers__grid .server-card{background:#0b0d12!important;background-image:none!important;border:0!important;box-shadow:none!important;animation:none!important}
.home-servers__grid .server-card__name{font-family:"Orbitron","Segoe UI",sans-serif;font-size:1.55rem;letter-spacing:.015em}
.home-servers__grid .server-card__players-current{font-family:"Space Mono",monospace;font-size:1.8rem}
@media(max-width:650px){.home-servers__grid{grid-template-columns:1fr;gap:18px;margin-top:44px}.home-servers__grid .server-card{border-radius:22px;padding:22px 20px 18px}.home-servers__grid .server-card__name{font-size:1.25rem}.home-servers__grid .server-card__status{font-size:.82rem}.home-servers__grid .server-card__players-current{font-size:1.55rem}.home-servers__grid .server-card__players-label,.home-servers__grid .server-card__queue,.home-servers__grid .server-card__players-max{font-size:.88rem}}