.ludo-board-container.ludo-canvas-board {
    position: relative;
    width: 100%;
    padding: 0;
    aspect-ratio: 630 / 432;
    height: auto;
    max-height: 730px;
}

@media (min-width: 768px) and (max-width: 1230px) {
    .ludo-board-container.ludo-canvas-board {
        aspect-ratio: 630 / 470;
    }
}

@media (max-width: 960px) and (orientation: portrait) {
    .ludo-board-container.ludo-canvas-board {
        aspect-ratio: 490 / 394;
    }
}

@media (max-width: 960px) and (max-height: 600px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
    .ludo-no-rooms-msg {
        padding: 0 14px;
        min-height: 45px;
    }

    .ludo-lobby-list {
        padding: 0;
    }

    .ludo-board-container.ludo-canvas-board {
        aspect-ratio: 490 / 198;
    }

    .ludo-lobby-controls {
        height: 54px;
    }

    .ludo-root.in-game #ludo-game-view {
        padding-left: 0;
    }
    
    .ludo-mobile-controls {
        display: none;
    }
}

@media (max-width: 680px) and (orientation: landscape) {
    .ludo-board-container.ludo-canvas-board {
        aspect-ratio: 490 / 264;
    }
}

.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;
}

/* pandachat */
.ludo-ui-layer { 
    width: 100%;
}

.ludo-board-wrapper {
    max-width: 100%;
    margin: 0;
}