.world-adventure-hud {
    position: fixed;
    inset:
        1rem
        1rem
        auto
        1rem;

    z-index: 8200;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;

    pointer-events: none;
}


.world-adventure-hud[hidden] {
    display: none;
}


.world-adventure-hud__objective {
    width:
        min(
            28rem,
            calc(100vw - 2rem)
        );

    padding:
        0.9rem
        1rem;

    border:
        1px solid
        rgba(183, 205, 255, 0.38);

    border-radius:
        1rem;

    background:
        linear-gradient(
            145deg,
            rgba(5, 12, 27, 0.91),
            rgba(29, 18, 48, 0.88)
        );

    box-shadow:
        0 0.8rem 2.4rem
        rgba(0, 0, 0, 0.35);

    backdrop-filter:
        blur(12px);

    color:
        #f7f6ff;

    pointer-events:
        auto;
}


.world-adventure-hud__objective small {
    display: block;

    margin-bottom:
        0.15rem;

    color:
        #aab8d9;

    font-size:
        0.72rem;

    text-transform:
        uppercase;

    letter-spacing:
        0.09em;
}


.world-adventure-hud__objective strong {
    display: block;

    color:
        #f2d27d;

    font-size:
        1.15rem;
}


.world-adventure-hud__objective p {
    margin:
        0.35rem
        0
        0;

    color:
        #e6e9f6;

    line-height:
        1.4;
}


.world-adventure-hud__controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;

    max-width:
        34rem;

    pointer-events:
        auto;
}


.world-adventure-hud__controls span,
.world-adventure-hud__controls button {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;

    min-height:
        2.45rem;

    padding:
        0.45rem
        0.7rem;

    border:
        1px solid
        rgba(182, 203, 255, 0.3);

    border-radius:
        0.7rem;

    background:
        rgba(5, 12, 27, 0.88);

    color:
        #f5f7ff;

    font:
        inherit;

    font-size:
        0.82rem;

    backdrop-filter:
        blur(10px);
}


.world-adventure-hud__controls button {
    cursor:
        pointer;
}


.world-adventure-hud__controls button:hover {
    border-color:
        rgba(219, 193, 255, 0.72);

    background:
        rgba(47, 31, 75, 0.94);
}


.world-adventure-hud kbd {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        1.7rem;

    min-height:
        1.55rem;

    padding:
        0
        0.3rem;

    border:
        1px solid
        rgba(255, 255, 255, 0.28);

    border-radius:
        0.35rem;

    background:
        rgba(255, 255, 255, 0.09);

    color:
        #b9e5ff;

    font:
        inherit;

    font-weight:
        800;
}


@media (max-width: 760px) {
    .world-adventure-hud {
        flex-direction:
            column;
    }

    .world-adventure-hud__controls {
        justify-content:
            flex-start;
    }

    .world-adventure-hud__controls span {
        display:
            none;
    }
}


.world-discovery-prompt {
    position: fixed;

    z-index: 8400;

    left: 50%;
    bottom: 8.6rem;

    transform:
        translateX(-50%);

    padding:
        0.78rem
        1.15rem;

    border:
        1px solid
        rgba(144, 220, 255, 0.72);

    border-radius:
        999px;

    background:
        rgba(5, 15, 25, 0.94);

    color:
        #ffffff;

    font:
        inherit;

    font-weight:
        750;

    cursor:
        pointer;

    box-shadow:
        0 0.7rem 2rem
        rgba(0, 0, 0, 0.42);
}


.world-discovery-prompt::before {
    content: "E  ";

    color:
        #91e1ff;
}


.world-discovery-prompt[hidden] {
    display: none;
}