.ludo-board-container.ludo-canvas-board {
    position: relative;
    width: 100%;
    padding: 0;
    aspect-ratio: 720 / 600;
    height: auto;
}

.ludo-board-container.ludo-canvas-board > img    { z-index: 1; }
.ludo-board-container.ludo-canvas-board > canvas { z-index: 2; }

/* hide the decorative old-board background on the root while canvas mode is on. */
.ludo-root.ludo-canvas-active {
    --ludo-bg-image: none;
}