/*
 * Velocity Server Cards V31
 * ONLY homepage server cards.
 */

/* Kill ALL older click-detail implementations. */
body.vc-v9-home-body .v9-server-card[data-server]::after {
    content: none !important;
    display: none !important;
}

body.vc-v9-home-body .v9-server-card[data-server] .vc-srv20-hint,
body.vc-v9-home-body .v9-server-card[data-server] .vc-server-details-hint,
body.vc-v9-home-body .v9-server-card[data-server] .vc-v30-server-hint {
    display: none !important;
}

/* Full-card real map artwork. */
body.vc-v9-home-body .v9-server-card[data-server] {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* If an old layer draws a partial pseudo-image, suppress it. */
body.vc-v9-home-body .v9-server-card[data-server]::before {
    content: none !important;
    display: none !important;
}

/* Keep text readable while still showing the whole map. */
body.vc-v9-home-body .v9-server-card[data-server] .v9-server-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(3,14,24,.72) 0%,
        rgba(3,14,24,.62) 35%,
        rgba(3,14,24,.34) 68%,
        rgba(3,14,24,.57) 100%
      ) !important;
}

/* Exactly one visible hint on desktop. */
body.vc-v9-home-body .vc-v31-server-hint {
    position: absolute;
    z-index: 8;
    left: 16px;
    top: 12px;

    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 5px 8px;
    border: 1px solid rgba(91,174,231,.28);
    border-radius: 6px;

    background: rgba(4,15,25,.76);
    color: #b9d9ee;

    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .9px;

    opacity: 0;
    transform: translateY(-3px);

    pointer-events: none;
    transition: .18s ease;
}

body.vc-v9-home-body .vc-v31-server-hint::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #28aaff;
    box-shadow: 0 0 8px rgba(40,170,255,.7);
}

body.vc-v9-home-body .v9-server-card[data-server]:hover .vc-v31-server-hint,
body.vc-v9-home-body .v9-server-card[data-server]:focus-within .vc-v31-server-hint {
    opacity: 1;
    transform: none;
}

@media (max-width:650px), (hover:none) {
    body.vc-v9-home-body .vc-v31-server-hint {
        display: none !important;
    }
}