/* Preserve the original suspended field, central headline and masked soft focus. */
.connected-stage .connected-fallback canvas{width:100%;aspect-ratio:16/9;border:1px solid #aeb6bf44}
.connected-stage[data-unavailable=true] .connected-fallback{display:grid}
.hero-fallback-notice{position:absolute;z-index:7;bottom:76px;left:var(--pad);right:var(--pad);font-size:13px;text-align:center;color:#aeb6bf}
.hero-fallback-notice[hidden]{display:none}
.connected-actions .button{color:#071018}

/* Short phones keep the same surrounding field without colliding with the bottom controls. */
@media(max-width:760px) and (max-height:650px){
 .connected-copy{top:104px}
 .connected-copy h1{font-size:37px;line-height:1.02}
 .connected-copy>p{font-size:14px;line-height:1.4;margin-top:18px}
 .connected-actions{margin-top:20px;gap:14px}
 .connected-actions .button,.connected-actions .text-link{font-size:12px;white-space:nowrap}
 .connected-actions .button{padding:10px 12px;min-height:44px}
 .connected-bottom{bottom:24px}
}

/* The fallback is a failure view, never a different layout flashed during loading. */
.connected-stage .connected-fallback{display:none}
.connected-stage[data-unavailable=true] .connected-fallback{display:grid}
.connected-stage[data-unavailable=true] .camera-field{visibility:hidden}