/* AETHER FOCUS PROMPT: world-overlay layout only. */

.aether-world-focus > div {

    position:
        relative;


    z-index:
        1;

}


.aether-world-focus {

    left:
        50%;


    top:
        24px;

    bottom:
        auto;


    min-width:
        0;


    padding:
        10px 18px;


    box-sizing:
        border-box;


    text-align:
        left;


    letter-spacing:
        0.10em;


    font-size:
        clamp(
            16px,
            1.9vw,
            24px
        );


    transform:
        translateX(-50%);


    pointer-events:
        none;


    cursor:
        pointer;

    opacity:
        0;

    translate:
        0 -14px;

}


.aether-world-focus.is-focus-visible {

    opacity:
        1;

    translate:
        0 0;

    pointer-events:
        auto;

}


.aether-world-focus.is-focus-withdrawing {

    opacity:
        0;

    translate:
        0 -14px;

    pointer-events:
        none;


}


.aether-world-focus[hidden],
.aether-world-location[hidden],
.aether-world-minimap[hidden] {

    display:
        none !important;

}


.aether-world-focus-surface {

    position:
        relative;

    z-index:
        1;

    min-width:
        220px;

}


.aether-world-focus-title {

    color:
        var(--aether-lens-ink) !important;


    text-shadow:

        0 0 18px
        rgba(
            var(
                --aether-ui-rgb,
                200, 204, 211
            ),
            0.12
        );

    font-size:
        inherit;


    letter-spacing:
        0.10em;

}


.aether-world-focus-action {

    margin-top:
        6px;


    font-size:
        9px;


    letter-spacing:
        0.16em;


    opacity:
        0.80;

}


.aether-world-focus-action {

    color:
        var(--aether-lens-ink) !important;

}


.aether-world-focus:hover,
.aether-world-focus:focus-visible {

    border-color:

        rgba(
            var(
                --aether-ui-rgb,
                200, 204, 211
            ),
            0.42
        );


    box-shadow:

        0 10px 28px
        rgba(
            0,
            0,
            0,
            0.12
        ),

        0 0 26px
        rgba(
            255,
            255,
            255,
            0.28
        ),

        inset 0 0 24px
        rgba(
            255,
            255,
            255,
            0.10
        );


    outline:
        none;

}