/* World labels belong above the canvas (0), below interactive appShell (20). */
.nv-entity-overlay-ui {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 10;
    overflow: hidden;
    pointer-events: none !important;
    user-select: none;
    contain: layout paint;
}
.nv-entity-overlay-ui * { pointer-events: none !important; }
.nv-entity-overlay-ui[hidden] { display: none !important; }
.nv-entity-overlay-name,
.nv-entity-overlay-name__scale,
.nv-entity-overlay-name__text {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    transform-origin: 0 0;
}
.nv-entity-overlay-name__text {
    white-space: nowrap;
    transform: translate(-50%, -100%);
    font: 11px/1.2 Arial, sans-serif;
    color: #fff;
    -webkit-text-stroke: 3px #000;
    paint-order: stroke fill;
    text-shadow: 0 1px 1px #000;
}

/* Captured screen-space impacts, above entity names within the same clipped HUD. */
.nv-entity-overlay-damage,
.nv-entity-overlay-damage__scale,
.nv-entity-overlay-damage__text {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    transform-origin: 0 0;
}
.nv-entity-overlay-damage { z-index: 2; }
.nv-entity-overlay-damage__text {
    white-space: nowrap;
    transform: translate(-50%, -100%);
    font: bold 14px/1.2 Arial, sans-serif;
    color: #fff;
    -webkit-text-stroke: 3px #101018;
    paint-order: stroke fill;
}


/* HP label above a thin bar, both above the persistent monster name. */
.nv-entity-overlay-health {
    position: absolute;
    left: 0;
    width: 90px;
    height: 4px;
    transform: translate(-50%, -100%);
}
.nv-entity-overlay-health__text {
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font: 10px/1.2 Arial, sans-serif;
    color: #fff;
    -webkit-text-stroke: 2px #000;
    paint-order: stroke fill;
    text-shadow: 0 1px 1px #000;
}
.nv-entity-overlay-health__bar {
    display: block;
    height: 4px;
    overflow: hidden;
    border-radius: 2px;
    background: #180b0d;
    box-shadow: 0 0 0 1px #000;
}
.nv-entity-overlay-health__fill {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: left center;
}