/* -------------------------------- */
/* --------- PAGE LIEUX ----------- */
/* -------------------------------- */  

.surname {
    position: absolute;
    z-index: 10;
    left: 3rem;
    bottom: 0;
    color: var(--white);
    margin: 0;
    padding: 0;
}

.stats {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: end;
    z-index: 10;
    right: 3rem;
    bottom: 1rem;
    color: var(--lighter);
    div {
        position: relative;
        .hover-tooltip {
            top: -24px;
            left: 50%;
            transform: translate(-50%, -50%);
            color: var(--primary-lighter);
        }
        &:hover .hover-tooltip { visibility: visible; }
    } 
}

#minimap {
    z-index: 4;
    top: 0.5rem;
    right: 0.5rem;
    width: 280px;
    border: 2px solid var(--light-alpha);
}

.localisator-ui {
    z-index: 5;
    width: 200%;
    transform: translate(-50%, -50%);
}