/* 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;
    overflow: hidden;
    perspective: 1000px;
    background:
        radial-gradient(ellipse at 50% 54%, rgba(248, 207, 88, .20) 0 20%, transparent 55%),
        linear-gradient(180deg, rgba(8, 25, 34, .10), rgba(5, 24, 31, .42));
}

.suniva-scope-single-ring::before,
.suniva-scope-single-ring::after{
    content:"";position:absolute;left:50%;top:57%;z-index:4;width:min(82vw,660px);height:min(24vw,180px);border:1px solid rgba(255,211,105,.72);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(255,200,78,.22),inset 0 0 22px rgba(255,214,116,.12)
}
.suniva-scope-single-ring::after{width:min(64vw,510px);height:min(17vw,124px);opacity:.46;animation:suniva-orbit-pulse 3.4s ease-in-out infinite}
.suniva-scope-portal-heart{position:absolute;left:50%;top:49%;z-index:32;width:clamp(150px,27vw,270px);height:clamp(140px,25vw,250px);pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 18px rgba(0,0,0,.3));transition:transform .5s cubic-bezier(.2,.9,.2,1),opacity .35s ease}
.suniva-scope-portal-heart__image{position:absolute;inset:8% 4% 0;width:92%;height:92%;object-fit:contain;object-position:center bottom;filter:saturate(1.08) contrast(1.04)}
.suniva-scope-portal-heart__halo{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(circle,rgba(255,244,181,.58),rgba(242,193,58,.1) 50%,transparent 72%);animation:suniva-heart-breathe 2.8s ease-in-out infinite}
.suniva-scope-portal-heart__sparkles{position:absolute;inset:0;background-image:radial-gradient(circle,#fff6c5 0 2px,transparent 3px),radial-gradient(circle,#e5b74a 0 1px,transparent 2px);background-size:47px 53px,31px 43px;animation:suniva-sparkle-rise 4s linear infinite;opacity:.7}
.suniva-scope-single-ring.is-planter-view .suniva-scope-portal-heart{transform:translate(-50%,-54%) scale(.82);opacity:.82}
.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-portal-heart{width:min(80vw,620px);height:min(72vw,560px);z-index:38;transform:translate(-50%,-51%)}
.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-portal-heart__image{inset:12% 8% 0;width:84%;height:88%;filter:drop-shadow(0 0 18px rgba(255,223,104,.72)) saturate(1.22)}
.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-portal-heart__halo{background:conic-gradient(from 25deg,rgba(244,79,88,.24),rgba(250,173,61,.24),rgba(249,224,88,.24),rgba(75,202,115,.24),rgba(70,204,220,.24),rgba(79,117,238,.24),rgba(178,82,219,.24),rgba(244,79,88,.24));filter:blur(14px);animation:suniva-rainbow-spin 10s linear infinite}
.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-portal-heart::before{content:"";position:absolute;left:50%;top:-24%;z-index:4;width:78%;height:70%;border-radius:52% 52% 18% 18%;background:conic-gradient(from 215deg at 50% 100%,transparent 0 6%,rgba(244,73,87,.92) 7% 10%,transparent 11% 17%,rgba(251,164,58,.94) 18% 21%,transparent 22% 29%,rgba(246,224,80,.95) 30% 33%,transparent 34% 41%,rgba(74,204,111,.92) 42% 45%,transparent 46% 53%,rgba(61,206,220,.94) 54% 57%,transparent 58% 65%,rgba(73,118,242,.94) 66% 69%,transparent 70% 77%,rgba(177,79,219,.94) 78% 81%,transparent 82%);filter:blur(2px) drop-shadow(0 0 12px rgba(255,255,255,.7));transform:translateX(-50%);transform-origin:50% 100%;animation:suniva-rainbow-fountain 2.2s ease-in-out infinite alternate}
.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-portal-heart::after{content:"✦";position:absolute;left:50%;top:6%;z-index:5;color:#fff8c9;font-size:clamp(44px,8vw,78px);text-shadow:-34px 10px 0 rgba(255,126,109,.7),34px 8px 0 rgba(96,184,255,.72),0 -25px 18px #fff;transform:translateX(-50%);animation:suniva-reward-star 1.5s ease-in-out infinite}
.suniva-scope-single-ring.is-arriving .suniva-scope-portal-heart{animation:suniva-portal-arrive 1.35s cubic-bezier(.12,.8,.18,1) both}
.suniva-scope-single-ring.is-arriving::before{animation:suniva-ring-arrive 1.2s ease-out both}

/* クルクルカード → 七色花壇 → レインボーフラワー */
.suniva-scope-single-ring .suniva-scope-v2-ring__orbit{transition:opacity .24s ease,transform .36s cubic-bezier(.2,.8,.2,1)}
.suniva-scope-single-ring.is-action-view .suniva-scope-v2-card,.suniva-scope-single-ring.is-planter-view .suniva-scope-v2-planter{animation:suniva-ring-card-in .46s cubic-bezier(.18,1.25,.35,1) both}
.suniva-scope-ring-flower{position:absolute;left:50%;top:34%;z-index:45;display:grid;width:72px;aspect-ratio:1/1;place-items:center;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,245,192,.92),rgba(255,218,119,.24) 48%,transparent 70%);filter:drop-shadow(0 15px 18px rgba(77,48,13,.3));transform:translate(-50%,-50%) scale(.82);opacity:.86;transition:filter .3s ease,transform .35s ease,opacity .3s ease}.suniva-scope-ring-flower::before{content:"✦";color:#fff4b8;font-size:38px;line-height:1;filter:drop-shadow(0 0 10px rgba(255,204,54,.9))}
.suniva-scope-single-ring.is-action-view .suniva-scope-ring-flower{opacity:.44;transform:translate(-50%,-50%) scale(.7)}
.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-ring-flower{display:none}
.suniva-scope-v2-planter.is-front{border-color:var(--pc,#d5a93d);box-shadow:0 18px 44px color-mix(in srgb,var(--pc,#d5a93d) 42%,transparent);filter:saturate(1.08)}
@keyframes suniva-ring-card-in{from{filter:blur(4px);opacity:0}to{filter:blur(0);opacity:1}}
@keyframes suniva-rainbow-breathe{0%,100%{transform:translate(-50%,-50%) scale(.94) rotate(-1deg)}50%{transform:translate(-50%,-50%) scale(1.04) rotate(1deg)}}
@keyframes suniva-heart-breathe{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:1}}
@keyframes suniva-sparkle-rise{from{background-position:0 40px,0 20px}to{background-position:20px -60px,-18px -80px}}
@keyframes suniva-orbit-pulse{0%,100%{opacity:.26;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.66;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes suniva-rainbow-spin{to{transform:rotate(360deg)}}
@keyframes suniva-rainbow-fountain{from{transform:translateX(-50%) scaleX(.88) scaleY(.92);opacity:.72}to{transform:translateX(-50%) scaleX(1.08) scaleY(1.08);opacity:1}}
@keyframes suniva-reward-star{0%,100%{transform:translateX(-50%) scale(.84) rotate(-5deg);opacity:.7}50%{transform:translateX(-50%) scale(1.12) rotate(5deg);opacity:1}}
@keyframes suniva-portal-arrive{0%{opacity:0;transform:translate(-50%,-42%) scale(.55);filter:blur(12px) drop-shadow(0 20px 20px rgba(0,0,0,.2))}65%{opacity:1;transform:translate(-50%,-52%) scale(1.08)}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes suniva-ring-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-14deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@media(max-width:600px){.suniva-scope-ring-flower{width:58px}.suniva-scope-portal-heart{top:47%;width:168px;height:162px}.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-portal-heart{width:94vw;height:82vw}.suniva-scope-single-ring::before{top:55%;width:92vw;height:31vw}.suniva-scope-single-ring::after{top:55%;width:70vw;height:20vw}}
@media(prefers-reduced-motion:reduce){.suniva-scope-single-ring .suniva-scope-v2-card,.suniva-scope-single-ring .suniva-scope-v2-planter,.suniva-scope-single-ring.has-rainbow-flower .suniva-scope-ring-flower{animation:none}}

.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));
    }
}
