/* Shared dorf1/dorf2 presentation. Coordinate-bearing legacy rules stay in pages.css. */
body.ui-shell-v1 .ui-village-title {
    inline-size: 100%;
    z-index: 100;
}

body.ui-shell-v1 .ui-village-name {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

body.ui-shell-v1 .ui-village-name:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.ui-shell-v1 .ui-capital-label {
    padding-inline-start: 10px;
    color: #667080;
    font-size: 12px;
    font-weight: 400;
}

body.ui-shell-v1 .ui-loyalty {
    font-size: 11px;
}

body.ui-shell-v1 .ui-loyalty--safe {
    color: #176d28;
}

body.ui-shell-v1 .ui-loyalty--danger {
    color: #a31919;
}

body.ui-shell-v1 .ui-resource-level {
    color: #d94700;
}

body.ui-shell-v1 .ui-resource-level--max {
    color: #751e1e;
}

body.ui-shell-v1 .ui-resource-level > span {
    padding: 2px;
}

body.ui-shell-v1 .ui-ltr-number {
    direction: ltr;
    unicode-bidi: isolate;
}

body.ui-shell-v1 .ui-ink-link,
body.ui-shell-v1 .ui-ink-text {
    color: #111;
}

body.ui-shell-v1 .ui-recall-form {
    display: inline;
    margin: 0;
    padding: 0;
}

body.ui-shell-v1 .ui-recall-button {
    display: inline-grid;
    place-items: center;
    inline-size: 28px;
    block-size: 28px;
    margin-inline-start: 3px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    color: inherit;
    background: transparent;
    vertical-align: middle;
    cursor: pointer;
}

body.ui-shell-v1 .ui-recall-button:hover {
    border-color: #c7a865;
    background: #fff6dc;
}

body.ui-shell-v1 .ui-recall-button .clock {
    pointer-events: none;
}

body.ui-shell-v1 .ui-wingold-link {
    position: relative;
    clear: both;
    display: flex;
    float: left;
    margin-inline-start: 20px;
}

body.ui-shell-v1 .ui-wingold-badge {
    position: absolute;
    inset-block-start: 32px;
    inset-inline-start: 32px;
    inline-size: 22px;
    padding: 2px;
    border: 1px solid #111;
    border-radius: 72px;
    color: #111;
    background: linear-gradient(to top, #fdfdfd91, #e5e5e5c2, #fdfdfd91);
    backdrop-filter: blur(10px);
    text-align: center;
}

body.ui-shell-v1 .ui-building-level {
    color: #111;
}

@media (max-width: 680px) {
    body.ui-shell-v1 .ui-recall-button {
        inline-size: 44px;
        block-size: 44px;
    }
}

@media (forced-colors: active) {
    body.ui-shell-v1 .ui-recall-button,
    body.ui-shell-v1 .ui-wingold-badge {
        border-color: ButtonText;
    }
}