* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    width: 100dvw;
    height: 100dvh;
    font-family: Arial, Helvetica, sans-serif;
}

main {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

main > section {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

main > section.debug {
    overflow: hidden;
    
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr;
}

.primaryCanvas, .secondaryCanvas {
    width: 100%;
    height: 100%;
}