/* SUNIVA SCOPE SINGLE ENGINE V1.1 INTERACTION HOTFIX 20260821 */

.suniva-world-line-entry,
.suniva-scope-portal-header,
#sunivaScopeOpen,
#sunivaScopeClose,
#sunivaScopeSpatialDiag,
.suniva-scope-perf-v2,
.suniva-scope-stable-v1,
.suniva-scope-engine {
    display: none !important;
}

/*
 * The camera panel remains visually full-screen, while only real controls
 * participate in hit testing. This lets the persistent bottom navigation
 * receive taps instead of the transparent SCOPE surface swallowing them.
 */
#sunivaScopePanel,
#sunivaScopeVisual,
.suniva-scope-single-directional,
.suniva-scope-single-ring {
    pointer-events: none !important;
}

#sunivaScopePanel button,
#sunivaScopePanel a,
#sunivaScopePanel input,
#sunivaScopePanel select,
#sunivaScopePanel textarea,
#sunivaScopePanel [role="button"],
.suniva-scope-single-directional .suniva-scope-v2-directional__portal,
.suniva-scope-single-ranges,
.suniva-scope-single-ranges button,
.suniva-scope-single-ring button,
.suniva-scope-single-ring [data-scope-v2-action],
.suniva-scope-single-ring [data-scope-v2-planter] {
    pointer-events: auto !important;
    touch-action: manipulation;
}

#sunivaScopeCollapse {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: max(14px, env(safe-area-inset-top)) !important;
    right: auto !important;
    left: 14px !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

.suniva-context-nav,
[data-suniva-context-nav],
nav.suniva-context-nav {
    z-index: 2147483646 !important;
    pointer-events: auto !important;
    isolation: isolate;
}

.suniva-context-nav *,
[data-suniva-context-nav] * {
    pointer-events: auto !important;
    touch-action: manipulation;
}

.suniva-scope-single-directional {
    position: absolute;
    inset: 0;
    z-index: 100120;
    pointer-events: none;
}

.suniva-scope-single-directional[hidden],
.suniva-scope-single-ring[hidden] {
    display: none !important;
}

.suniva-scope-single-directional
.suniva-scope-v2-directional__portal {
    pointer-events: auto;
    touch-action: manipulation;
}

.suniva-scope-single-ranges {
    position: absolute;
    top: max(66px, calc(env(safe-area-inset-top) + 50px));
    left: 50%;
    z-index: 12;
    display: flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 999px;
    background: rgba(20, 47, 57, .72);
    box-shadow: 0 8px 24px rgba(8, 27, 35, .18);
    backdrop-filter: blur(12px);
    transform: translateX(-50%);
    pointer-events: auto;
}

.suniva-scope-single-ranges button {
    min-width: 42px;
    min-height: 30px;
    padding: 6px 9px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff8e7;
    font: 800 10px/1 sans-serif;
}

.suniva-scope-single-ranges button.is-active {
    background: linear-gradient(135deg, #fffdf6, #f4df9f);
    color: #17384d;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
}

.suniva-scope-single-ring {
    z-index: 100130 !important;
}

.suniva-scope-single-toast {
    bottom: 145px !important;
    z-index: 100230 !important;
}

body.suniva-scope-v2-discovery
#sunivaScopeStage,
body.suniva-scope-v2-discovery
#sunivaGateNameplate,
body.suniva-scope-v2-discovery
.suniva-portal-layer,
body.suniva-scope-v2-discovery
#sunivaScopePanel .suniva-spatial-ar {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#sunivaScopePanel .suniva-scope-portal-header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.suniva-scope-v2-experience
.suniva-scope-single-directional {
    display: none !important;
}

body.suniva-scope-v2-experience
#sunivaScopeStage {
    visibility: visible !important;
    opacity: 1 !important;
}

body.suniva-scope-v2-experience
#sunivaScopePanel .suniva-spatial-ar {
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .suniva-scope-single-ranges {
        top: max(58px, calc(env(safe-area-inset-top) + 44px));
    }
}