body {
    margin: 0;
    overflow: hidden;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

#stage {
    position: relative;
    width: min(100vw, calc(100vh * 16 / 9));
    height: min(100vh, calc(100vw * 9 / 16));
    container-type: size;
}

canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.controlKey {
    background-image: url("./images/lightKey.png");
    background-size: cover;
    background-repeat: repeat-x;
    background-position-y: bottom;
    width: 3.9cqw;
    height: 3.9cqw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.keysRow {
    display: flex;
    flex-direction: row;
    gap: 0.95cqw;
    align-items: center;
    font-size: 1.56cqw;
    font-weight: bold;
}