:root {
    --global-ad-banner-slot-height: 60px;
    --global-ad-banner-height: 50px;
    --global-ad-banner-gap: 10px;
    --global-ad-banner-reserved: 0px;
    --global-ad-banner-z: 650;
}

.global-ad-banner-slot {
    display: none;
}

body.global-ad-banner-enabled .global-ad-banner-slot {
    position: fixed;
    left: 0;
    right: 0;
    bottom: env(safe-area-inset-bottom, 0px);
    height: var(--global-ad-banner-slot-height);
    padding-top: var(--global-ad-banner-gap);
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    display: block;
    z-index: var(--global-ad-banner-z);
    pointer-events: none;
}

/* PWA standalone에서는 배너를 화면 하단(0px)에 고정한다. */
:root.display-standalone body.global-ad-banner-enabled .global-ad-banner-slot {
    bottom: 0;
}

body.global-ad-banner-enabled .global-ad-banner-body {
    width: 100%;
    height: var(--global-ad-banner-height);
    background: linear-gradient(180deg, rgba(42, 48, 58, 0.92) 0%, rgba(26, 31, 40, 0.95) 100%);
    border-top: 1px dashed rgba(240, 244, 251, 0.5);
    border-bottom: 1px dashed rgba(240, 244, 251, 0.5);
    color: #e8eef8;
    font-family: 'Space Grotesk', 'Jua', sans-serif;
    font-size: 0.86rem;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}

body.global-ad-banner-enabled .checkmate-return-btn {
    bottom: calc(env(safe-area-inset-bottom, 0px) + var(--global-ad-banner-reserved) + 8px);
}