html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: 'Pretendard', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', sans-serif;
}

canvas {
    font-family: 'Pretendard', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP', sans-serif !important;
}

/* Side Rail Ads */
.side-ad {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    min-height: 600px;
    z-index: 1000;
    display: none;
    pointer-events: auto;
}

#ad-left {
    left: calc((100vw - 1200px) / 2 / 2 - 80px);
}

#ad-right {
    right: calc((100vw - 1200px) / 2 / 2 - 80px);
}

/* 화면이 충분히 넓을 때만 사이드 광고 표시 (1200px 콘텐츠 + 양쪽 200px 이상) */
@media (min-width: 1600px) {
    .side-ad {
        display: block;
    }
}