html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.87);
    /* レターボックスの余白をゲーム背景色に合わせて継ぎ目なく見せる */
    background-color: #3D3F42;
    /* モバイルでのスクロール/ズーム/プルダウンを抑止 */
    overscroll-behavior: none;
    touch-action: none;
}

#app {
    width: 100vw;
    /* dvh = モバイルのアドレスバー等を除いた実際の表示高さ。
       min-height:100vh を入れるとChromeでバー表示時に高くなりすぎ下端が見切れるため使わない */
    height: 100dvh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#game-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#game-container canvas {
    display: block;
}