/*
 * SUNIVA WORLD
 * 七色円形花壇 スマートフォン最終配置
 * 2026-08-01
 */

html body .suniva-scope-sheet {
    height: min(72dvh, 700px) !important;
}

html body
.suniva-scope-sheet.is-open {
    transform: translateY(0) !important;
}

html body
.suniva-scope-sheet__handle {
    min-height: 82px !important;
    padding:
        18px 16px
        10px !important;
}

html body
.suniva-scope-sheet__body {
    height: calc(100% - 82px) !important;
    padding:
        18px 18px
        calc(
            24px
            + var(--suniva-safe-bottom)
        ) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scroll-padding:
        18px 0 24px;
}

html body #sunivaScopeFlowers {
    width: min(100%, 310px) !important;
    max-width: 310px !important;
    margin:
        8px auto
        12px !important;
}

html body #sunivaScopeFlowerMessage {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin:
        0 0
        12px !important;
    padding:
        13px 16px !important;
    transform: none !important;
    color: #24475a !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

html body
.suniva-scope-sheet__instruction {
    position: relative !important;
    width: 100% !important;
    margin:
        0 0 16px !important;
    color: #78868d !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

@media (max-width: 430px) {
    html body .suniva-scope-sheet {
        height: min(72dvh, 690px) !important;
    }

    html body
    .suniva-scope-sheet__body {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    html body #sunivaScopeFlowers {
        width: min(100%, 300px) !important;
        max-width: 300px !important;
    }
}

@media (max-width: 375px) {
    html body #sunivaScopeFlowers {
        width: min(100%, 280px) !important;
        max-width: 280px !important;
    }
}

@media (max-height: 700px) {
    html body .suniva-scope-sheet {
        height: 74dvh !important;
    }

    html body #sunivaScopeFlowers {
        width: min(100%, 270px) !important;
        max-width: 270px !important;
    }

    html body #sunivaScopeFlowerMessage {
        min-height: 50px !important;
        padding:
            10px 14px !important;
    }
}