#chat #call-phone{display:grid;place-items:center;width:34px;height:36px;padding:0;border:0;background:transparent;color:var(--purple);flex:none}
#chat #call-phone[hidden]{display:none}#call-phone svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#call-panel{flex:none;margin:8px 12px;padding:12px;border:1px solid var(--zw-border,#463758);border-radius:14px;background:var(--zw-panel,#191823);display:flex;align-items:center;justify-content:space-between;gap:10px}
#call-panel[hidden]{display:none}#call-panel strong,#call-panel span{display:block}#call-panel span{font-size:12px;color:var(--muted)}#call-panel .call-buttons{display:flex;gap:8px;flex-wrap:wrap}#call-panel button{font-size:12px;padding:7px 10px}
#call-audio{display:none}@media(max-width:760px){#call-panel{flex-wrap:wrap;padding:10px}#call-panel button{min-height:36px}}
#chat #call-video{display:grid;place-items:center;width:34px;height:36px;padding:0;border:0;background:transparent;color:var(--purple);flex:none}
#chat #call-video[hidden]{display:none}#call-video svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#call-video-stage{flex:none;display:flex;gap:10px;padding:8px 12px;overflow-x:auto;max-height:260px;background:transparent}
#call-video-stage[hidden]{display:none}#call-video-stage figure{margin:0;position:relative;flex:0 0 min(70vw,350px);min-width:0;overflow:hidden;border-radius:12px;background:#0e0d14}
#call-video-stage figure[hidden]{display:none}#call-video-stage video{display:block;width:100%;height:210px;object-fit:contain;background:#0e0d14}
#call-video-stage figcaption{position:absolute;left:8px;bottom:6px;padding:3px 7px;border-radius:8px;background:#0008;font-size:12px;color:#fff}
@media(max-width:760px){#call-video-stage{max-height:210px}#call-video-stage video{height:170px}}
#call-video-stage .call-expand{position:absolute;top:6px;right:6px;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#0008;color:#fff;font-size:21px;line-height:1}
#call-video-stage.expanded{position:fixed;z-index:20;inset:8px;max-height:none;padding:0;background:#0e0d14;border-radius:14px}
#call-video-stage.expanded figure{flex:1}#call-video-stage.expanded video{height:100%;width:100%;object-fit:contain}
#call-video-stage.expanded .call-unfocused{display:none}#call-video-stage.expanded .call-expand{font-size:25px;width:44px;height:44px}
@media(max-width:760px){#call-panel{gap:8px;margin:4px 10px;padding:8px 10px;border:0;border-radius:12px}#call-panel .call-buttons{gap:5px}#call-panel button{min-height:34px;padding:6px 8px;border:0;font-size:12px}#call-video-stage.expanded{inset:6px}}

#chat #call-head-controls{display:contents;}
#chat.private-view #call-head-controls{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:none;margin-left:auto;}
#chat.private-view #call-head-controls #call-phone,#chat.private-view #call-head-controls #call-video{margin:0;}
#call-preparation{box-sizing:border-box;width:min(94vw,560px);max-height:90dvh;overflow:auto;border:1px solid #494158;border-radius:20px;padding:18px;background:#191720;color:#eee;}
#call-preparation::backdrop{background:#0009;}
#call-preparation video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0c0b10;border-radius:12px;margin:14px 0;}
.call-preparation-head,.call-preparation-options,.call-preparation-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
#call-preparation button,#call-preparation select{padding:10px 14px;border:1px solid #51465f;border-radius:12px;background:#292333;color:inherit;font:inherit;}
#call-preparation [data-confirm]{background:#7951b8;}
#call-preparation button:disabled{opacity:.45;}
#call-preparation p{font-size:14px;color:#c1b9cb;}
.call-preparation-actions{justify-content:flex-end;margin-top:18px;}

/* Keep live chat visible alongside the cameras, including shorter screens. */
#chat #call-video-stage:not(.expanded){max-height:none;padding:6px 12px;gap:8px}
#chat #call-video-stage:not(.expanded) figure{flex:0 0 min(42vw,260px)}
#chat #call-video-stage:not(.expanded) video{height:clamp(72px,20dvh,140px)}
#chat #call-panel{margin:4px 12px;padding:7px 10px;gap:6px}
#chat #call-panel .call-buttons{gap:5px}
#chat #call-panel button{padding:6px 8px}
@media(max-width:760px){#chat #call-video-stage:not(.expanded) video{height:clamp(64px,16dvh,105px)}#chat #call-video-stage:not(.expanded) figure{flex-basis:min(42vw,200px)}#chat #call-panel{margin:3px 10px;padding:5px 8px}}
@media(max-height:520px){#chat #call-video-stage:not(.expanded) video{height:64px}#chat #call-panel{padding:3px 8px}#chat #call-panel button{min-height:28px;padding:3px 6px}}

#video-check-dialog{width:min(94vw,620px);max-height:85dvh;overflow:auto;box-sizing:border-box;padding:16px;border:1px solid #494158;border-radius:16px;background:#191720;color:#eee}
#video-check-dialog::backdrop{background:#0008}
#video-check-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#video-check-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5;user-select:text}
#video-check-dialog button{padding:8px 12px}
#video-check-dialog [role=status]{font-size:12px;color:#bbb}