body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 뷰포트의 100% 높이로 설정 */
    width: 100%; /* 너비를 100%로 설정 */
    margin: 0; /* 마진 제거 */
    padding: 0; /* 패딩 제거 */
    overflow: hidden; /* 스크롤바 숨김 */
    font-family: 'Arial', sans-serif;
    background-color: white;  /* 배경색을 흰색으로 변경 */
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

.game-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;  /* 좌우 여백 추가 */
}

.controls, .control3 {
    display: flex;
    justify-content: center;
    gap: 20px;  /* 버튼 간의 간격 */
    margin-top: 10px;
}

.control2 {
    display: flex;
    justify-content: center;
    gap: 80px;  /* 버튼 간의 간격 */
    margin-top: 10px;


}

.control-button {
    width: 60px;
    height: 60px;
    font-size: 24px;
    cursor: pointer;
    border: none;
    background-color: #eee;
}

.kakao-ad {
    display: inline-block;
    position: relative;
    text-decoration: none;
    min-width: 320px;
    min-height: 100px;
    margin-top: 25px;
    width: 100%;
    height: 100px;
}

#gameCanvas {
    width: 100%;
    height: auto;
}