.villagers-monastery-card-info{
    background-image: url('/monastery.png');
    background-size: cover;
    width: 59px;
    height: 91px;
    position: absolute;
    padding: unset;  /* Remove default .nicegui-card padding */
}

.villagers-solo-monastery{
    --villagers-round: 4;  /* Default */
    --villagers-round-marker-left: 33px;
    --villagers-round-marker-top: 33px;
}
.villagers-solo-monastery.round-1{
    --villagers-round: 1;
    --villagers-round-marker-left: 5px;
    --villagers-round-marker-top: 5px;
}
.villagers-solo-monastery.round-2{
    --villagers-round: 2;
    --villagers-round-marker-left: 33px;
    --villagers-round-marker-top: 5px;
}
.villagers-solo-monastery.round-3{
    --villagers-round: 3;
    --villagers-round-marker-left: 5px;
    --villagers-round-marker-top: 33px;
}
.villagers-solo-monastery.round-4{
    --villagers-round: 4;
    --villagers-round-marker-left: 33px;
    --villagers-round-marker-top: 33px;
}
.villagers-solo-monastery.round-5{
    --villagers-round: 4;
    --villagers-round-marker-left: 5px;
    --villagers-round-marker-top: 61px;
}

.villagers-solo-monastery .drafting-priority-order-zoom{
    background-image: url('/monastery.png');
    background-size: 230%;
    position: absolute;
    left: 530px;
    top: 900px;
    background-position-x: 170px;
    background-position-y: calc(56px + (4 - min(4, var(--villagers-round))) * 43px);
    height: 40px;
    width: 160px;
    padding: 0;
}

.villagers-monastery-drafting-priority-order{
    background-position-x: 176px;
    left: 540px;
    top: 970px;
    text-align: center;
}

.villagers-monastery-drafting-priority-helper{
    padding-top: 40px;
    width: 160px;
    text-align: center;
    tab-size: 20px;
    white-space: pre;
}

.villagers-monastery-round-tracker{
    left: 620px;
    top: 970px;
    position: absolute;
}

.villagers-monastery-round-tracker::before{
    content: "";
    position: absolute;
    left: 33px;
    top: 61px;
    width: 21px;
    height: 21px;
    background:
        linear-gradient(45deg, transparent 43%, #7f1d1d 46%, #7f1d1d 54%, transparent 57%),
        linear-gradient(-45deg, transparent 43%, #7f1d1d 46%, #7f1d1d 54%, transparent 57%);
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, .85));
    pointer-events: none;
    z-index: 2;
}

.villagers-monastery-round-tracker::after{
    content: "";
    position: absolute;
    left: var(--villagers-round-marker-left);
    top: var(--villagers-round-marker-top);
    width: 21px;
    height: 21px;
    border: 3px solid #0f766e;
    border-radius: 9999px;
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, .95),
        0 1px 5px rgba(0, 0, 0, .35);
    pointer-events: none;
    z-index: 2;
}

.villagers-solo-monastery .villagers-rooster{
    display: none !important;
}

.villagers-solo-monastery .villagers-supply{
    width: 100%;
    text-align: end;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.villagers-solo-monastery .villagers-village{
    max-width: 770px !important;
    width: unset;
}

.villagers-fd-road:empty, .villagers-fu-road:empty{
    box-shadow: unset;
}

.villagers-monastery-info-panel{
    position: absolute;
    left: 630px;
    top: 890px;
    width: 220px;
    height: 180px;
    z-index: 1300;
}

.villagers-monastery-info-panel .drafting-priority-order-zoom{
    left: 0;
    top: 0;
}

.villagers-monastery-info-panel .villagers-monastery-drafting-priority-order{
    left: 10px;
    top: 70px;
}

.villagers-monastery-info-panel .villagers-monastery-round-tracker{
    left: 90px;
    top: 70px;
}