.opponents-tableau {
    top: 1vmin;
    right: 1vmin;

    display: flex;
    flex-direction: column;

    gap: 0.5vmin;
    padding: 0.75vh;

    max-height: 47vh;
    overflow: auto;

    transform-origin: top right;
}

.opponent-overview {
    background: var(--beige-bg);
    border: 1px solid rgba(0, 0, 0, 0.18);
    box-shadow: var(--inset-shadow);
    min-width: 1vmin;

    border-radius: 5px;
    padding: 0.5vmin;

    display: flex;
    flex-direction: column;
}

.opponent-overview.placeholder {
    opacity: 0.7;
}

.opponent-overview.turn {
    box-shadow: 0 0 0 5px var(--highlight-color);
    border-radius: 0.5vmin;
}

.opponent-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}

.opponent-identity {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5vmin;
}

.opponent-marker {
    height: 1em;
    aspect-ratio: 1;
    border: 1px solid grey;
    border-radius: 50%;
    box-shadow: var(--raised-shadow);
}

.opponent-marker.placeholder {
    background: var(--grey);
}

.opponent-stats {
    display: flex;
    flex-direction: column;
    margin-left: 1vmin;
    margin-top: 0.5vmin;
    gap: 0.5vmin;
}

.opponent-workers {
    display: flex;
    flex-direction: row;
    gap: 0.5vmin;
    font-size: var(--fs-m);
    --worker-size: 1.2em;
}

.opponent-workers > .worker {
    height: var(--worker-size, 1.5vmin);
}

.opponent-resources {
    display: flex;
    flex-direction: row;
    gap: 0.5vmin;
    align-items: center;
    flex-wrap: wrap;
    font-size: var(--fs-m);
    --icon-size: 1.2em;
}

.opponent-resources .icon {
    box-shadow: var(--raised-shadow);
    border-radius: 50%;
}

/* Add spacing after each value (icon + value pairs) */
.opponent-resources > :nth-child(2n) {
    margin-right: 0.8em;
}

.opponent-flowers {
    display: flex;
    flex-direction: column;
    gap: 0.25vw;
}

.opponent-flowers .flower-card {
    padding: 0.25vw;
    display: flex;
    flex-direction: row;
    gap: 0.5vw;
    width: auto;
    align-items: center;
    max-height: 2vh;
}


.opponent-flowers .flower-card .flower-header {
    justify-content: start;
    gap: 0.25vw;
    display: flex;
    align-items: center;
    width: auto;
}

.opponent-flowers .flower-card .flower-name {
    position: unset;
    transform: none;
}

.opponent-flowers .flower-card .flower-primary-season {
    position: unset;
    display: flex;
    place-items: center;
}

.opponent-flowers .flower-card .flower-yields {
    transform: none;
    width: auto;

    display: flex;
    flex-direction: row;

    bottom: unset;
    left: unset;
    right: 0.25vw;
}

.opponent-flowers .flower-card .flower-img-container {
    display: none;
}

.opponent-flowers .flower-card .worker {
    max-height: 2vh;
    order: 1;
    position: unset;
    transform: none;
}

.opponent-flowers .flower-card .flower-powers {
    flex-direction: row;
    align-items: center;
    order: 2;
}