/* Proportional cover, shared SVG coordinates, no stretched bitmap layers. */
.connected-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#07111f;isolation:isolate}
.connected-scene[hidden]{display:none!important}
#connectedSettings[hidden]{display:none!important}
#prefConnectedIntensity{display:block;width:100%;max-width:100%;min-height:44px;box-sizing:border-box}
.connected-scene>.verbunden-scene{display:block;width:100%;height:100%;overflow:hidden}
.connected-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07111f70,transparent 25%,transparent 62%,#07111faa)}
body[data-connected-active="true"] #waterCanvas,body[data-connected-active="true"] #waterFallback{visibility:hidden}
body.water-breath-app[data-connected-active="true"] .stage::before{display:none!important}
body.water-breath-app[data-connected-active="true"]:not([data-thought-text="true"]) .phase-chip{top:calc(50% + min(24vmin,148px));font-size:clamp(20px,4.7vw,28px);color:#f4efe6;text-shadow:0 2px 12px #07111f,0 1px 4px #07111f}
body[data-connected-active="true"] .water-intro{color:#f4efe6;text-shadow:0 2px 10px #07111f}
@media(max-height:480px){body.water-breath-app[data-connected-active="true"]:not([data-thought-text="true"]) .phase-chip{top:calc(50% + 20vmin);font-size:18px}}