.connection-issue-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border:0;background:transparent;color:var(--ink,#3c3c3c);overflow:auto}.connection-issue-dialog[open]{display:grid;place-items:center}.stage-connectivity-boundary{display:contents}.connection-issue-dialog::backdrop{background:rgb(24 28 39/68%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.connection-issue-card{position:relative;width:min(520px,100%);display:grid;justify-items:center;gap:14px;padding:34px 28px 28px;text-align:center}.connection-issue-card[data-context=stage]{width:min(680px,100%)}.connection-issue-card p{margin:0}.connection-issue-header{width:100%;display:grid;justify-items:center;gap:10px;padding-inline:52px}.connection-issue-header h2{margin:0;font-size:clamp(1.2rem,3.6vw,1.75rem)}.connection-issue-card p{max-width:38ch;line-height:1.9}.connection-issue-icon{width:24px;height:24px;display:block;color:var(--ink-soft,#777)}.connection-issue-close{position:absolute;top:clamp(16px,4.2vh,20px);right:clamp(24px,3.4vw,34px);z-index:1}.connection-issue-actions button:focus-visible{outline:4px solid var(--duo-yellow,#ffc800);outline-offset:3px}.connection-issue-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.connection-issue-actions .duo-btn{border-radius:15px;min-width:150px}@media (max-height:500px) and (orientation:landscape){.connection-issue-dialog{padding-block:max(10px,env(safe-area-inset-top))}.connection-issue-card{gap:8px;padding:24px 24px 18px}.connection-issue-header{gap:4px}.connection-issue-close{top:12px;right:20px}.connection-issue-card p{line-height:1.55}}