/* SUNIVA WORLD PORTAL CLEAN UI 20260730 */

/* ポータル内部では周辺探索UIを表示しない */
html.is-suniva-portal-open #sunivaPortalNavigator,
html.is-suniva-portal-open #sunivaTreasureCompass,
html.is-suniva-portal-open #sunivaScopeHandle,
html.is-suniva-portal-open .suniva-scope-handle,
html.is-suniva-portal-open #sunivaScopeOpen,
html.is-suniva-portal-open #sunivaPortalScope {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ポータル内部の見出しは一つだけ */
html.is-suniva-portal-open .suniva-portal-home__intro {
    display: block !important;
    top: max(18px, calc(env(safe-area-inset-top) + 10px)) !important;
    width: min(250px, calc(100% - 112px)) !important;
    padding: 8px 14px !important;
    border-radius: 16px !important;
}

html.is-suniva-portal-open .suniva-portal-home__intro small,
html.is-suniva-portal-open .suniva-portal-home__intro p {
    display: none !important;
}

html.is-suniva-portal-open .suniva-portal-home__intro strong {
    margin: 0 !important;
    font-size: 15px !important;
}

/* チェックインは通常時のみ小さなボタンで残す */
html.is-suniva-portal-open #sunivaCheckinMount {
    right: 18px !important;
    bottom: max(88px, calc(env(safe-area-inset-bottom) + 78px)) !important;
    left: auto !important;
    z-index: 90 !important;
    width: auto !important;
    max-width: 210px !important;
    transform: none !important;
}

html.is-suniva-portal-open #sunivaCheckinBtn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

/* 下部メニューは小さく、重ならない高さに統一 */
html.is-suniva-portal-open .suniva-portal-home__dock {
    right: 12px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    left: 12px !important;
    z-index: 80 !important;
    gap: 3px !important;
    padding: 6px !important;
    border-radius: 20px !important;
}

html.is-suniva-portal-open .suniva-portal-home__dock button {
    min-height: 48px !important;
    padding: 5px 2px !important;
    border-radius: 14px !important;
    font-size: 8px !important;
}

html.is-suniva-portal-open .suniva-portal-home__dock button span {
    font-size: 17px !important;
}

/* 大きな横長メニューをコンパクト化 */
html.is-suniva-portal-open .suniva-portal-home__content {
    max-height: 72% !important;
    padding: 22px 16px max(22px, env(safe-area-inset-bottom)) !important;
}

html.is-suniva-portal-open .suniva-portal-home__actions {
    gap: 7px !important;
}

html.is-suniva-portal-open .suniva-portal-home__action {
    min-height: 48px !important;
    padding: 8px 11px !important;
    border-radius: 15px !important;
}

html.is-suniva-portal-open .suniva-portal-home__action > span {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    font-size: 15px !important;
}

/* 花壇が開いたら、他の操作UIをすべて退避 */
html.is-suniva-portal-open:has(#sunivaFlowerPanel[aria-hidden="false"])
#sunivaCheckinMount,
html.is-suniva-portal-open:has(#sunivaFlowerPanel[aria-hidden="false"])
.suniva-portal-home,
html.is-suniva-portal-open:has(#sunivaFlowerPanel[aria-hidden="false"])
.suniva-portal-home__dock,
html.is-suniva-portal-open:has(#sunivaFlowerPanel[aria-hidden="false"])
#sunivaPortalNavigator,
html.is-suniva-portal-open:has(#sunivaFlowerPanel[aria-hidden="false"])
#sunivaTreasureCompass {
    display: none !important;
}

/* 花壇だけを主役にする */
html.is-suniva-portal-open #sunivaFlowerPanel[aria-hidden="false"] {
    z-index: 100100 !important;
}

#sunivaFlowerPanel[aria-hidden="false"] .suniva-flower-sheet {
    overflow-y: auto !important;
    padding-bottom: max(100px, calc(env(safe-area-inset-bottom) + 88px)) !important;
}

/* 植花操作を小さく固定 */
#sunivaFlowerPanel[aria-hidden="false"] .suniva-flower-actions {
    position: sticky !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 20 !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 10px !important;
    border: 1px solid rgba(189, 151, 63, .22) !important;
    border-radius: 18px !important;
    background: rgba(255, 253, 248, .96) !important;
    box-shadow: 0 10px 28px rgba(31, 42, 46, .14) !important;
    backdrop-filter: blur(16px) !important;
}

#sunivaFlowerPanel[aria-hidden="false"] .suniva-flower-actions button {
    min-height: 44px !important;
    padding: 9px 12px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
}

/* PCでも横に広がりすぎない */
@media (min-width: 768px) {
    html.is-suniva-portal-open #sunivaCheckinMount {
        right: calc(50% - 210px) !important;
    }

    html.is-suniva-portal-open .suniva-portal-home__dock {
        right: calc(50% - 220px) !important;
        left: calc(50% - 220px) !important;
    }
}

/* SUNIVA_WORLD_EASY_UNIFIED_FIX3 */
.suniva-portal-home__intro[hidden],.suniva-portal-home__dock[hidden]{display:none!important}
