.hive {
    position: absolute;

    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;

    place-items: center;
}

.honey-comb {
    grid-area: 1 / 1;
    height: calc(var(--board-height) * 9);
    width: calc(0.866 * 12 * var(--board-height));
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(22, 1fr);
}

.honey-comb .worker {
    position: absolute;
}

.nesting-container {
    grid-area: 1 / 1;
    height: calc(var(--board-height) * 9);
    width: calc(0.866 * 12 * var(--board-height));
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(22, 1fr);
}