.call-dialog,.video-stage{position:fixed;z-index:100;inset:0;background:#050814ef;display:grid;place-items:center;padding:18px}.call-dialog[hidden],.video-stage[hidden]{display:none}.call-dialog>div{width:min(430px,100%);padding:32px;text-align:center;border:1px solid #3b4667;border-radius:24px;background:linear-gradient(145deg,#17213a,#111426);box-shadow:0 25px 80px #000}.call-icon{display:block;font-size:54px}.call-dialog h2{margin:10px 0}.call-dialog p{color:var(--muted);line-height:1.5}.call-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.call-actions button,.video-controls button{padding:13px 22px;font-weight:800}.accept{background:#168956}.hangup{background:#ca294e!important}.video-stage{grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.video-head{width:min(1100px,100%);display:flex;align-items:center;justify-content:space-between}.video-head strong{display:block;font-size:18px}.video-head span{color:var(--muted)}.video-grid{position:relative;width:min(1100px,100%);height:100%;min-height:280px;overflow:hidden;border:1px solid #394561;border-radius:22px;background:#080b13}.video-grid video{width:100%;height:100%;object-fit:cover}.video-grid #localVideo{position:absolute;right:18px;bottom:18px;width:min(260px,27vw);height:min(190px,22vh);border:2px solid #fff;border-radius:16px;background:#111;box-shadow:0 8px 30px #000}.local-label{position:absolute;right:28px;bottom:26px;padding:4px 8px;border-radius:8px;background:#000a}.remote-wait{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.remote-wait[hidden]{display:none}.video-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.video-controls button{background:#26314d}@media(max-width:720px){.video-head{align-items:flex-start;flex-direction:column}.video-grid #localVideo{width:34vw;height:24vh;right:9px;bottom:9px}.local-label{right:16px;bottom:14px}}