/* Shared gold identity: the same transparent artwork in public and game layouts. */
.nv-brand {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    max-width: 100%;
    line-height: 1;
    text-decoration: none;
    text-shadow: none;
}

.nv-brand__emblem,
.nv-brand__wordmark {
    display: block;
    flex: 0 0 auto;
    overflow: hidden;
}

.nv-brand__emblem {
    width: 36px;
    height: 32px;
}

.nv-brand__wordmark {
    width: 116px;
    height: 18px;
}

.nv-brand:focus-visible {
    outline: 2px solid #e2bc70;
    outline-offset: 5px;
    border-radius: 3px;
}

.nv-logo.nv-logo--gold {
    width: min(100%, 440px);
    margin: 0 0 14px;
    padding: 0;
    background: none;
    color: inherit;
    -webkit-text-fill-color: currentColor;
    font-size: inherit;
    line-height: 0;
    letter-spacing: normal;
    filter: none;
}

.nv-gold-logo {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 960px) {
    .nv-logo.nv-logo--gold {
        margin-inline: auto;
    }

    body.admin-simple-menu .header-logo.nv-brand .nv-brand__emblem {
        width: 28px;
        height: 25px;
    }
}

/* Preserve the game's compact header slots for planet controls and notifications. */
@media (max-width: 768px), (min-width: 901px) and (max-width: 1350px) {
    .header-logo.nv-brand .nv-brand__wordmark {
        display: none;
    }
}

/* The alternate menu has a dedicated brand slot, including on phones. */
body.admin-simple-menu .header-logo.nv-brand .nv-brand__wordmark {
    display: block;
}

@media (max-width: 600px) {
    .lp-topbar__center {
        display: none;
    }
}

@media (max-width: 480px) {
    .lp-topbar__brand.nv-brand {
        gap: 4px;
    }

    .lp-topbar__brand.nv-brand .nv-brand__emblem {
        width: 28px;
        height: 25px;
    }

    .lp-topbar__brand.nv-brand .nv-brand__wordmark {
        width: 94px;
        height: 15px;
    }

    .nv-logo.nv-logo--gold {
        width: min(100%, 360px);
    }
}

@media (max-width: 360px) {
    .lp-topbar__left {
        gap: 8px;
    }

    .lp-topbar__brand.nv-brand .nv-brand__emblem {
        width: 24px;
        height: 22px;
    }

    .lp-topbar__brand.nv-brand .nv-brand__wordmark {
        width: 76px;
        height: 12px;
    }
}