/* BRO2KIT CALL1: voice / video in a 1-on-1 (call.js) */
.call-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.call-row .btn{min-height:36px;padding:4px 10px;font-size:13px}.call-row .fine{font-size:11px}
.call-row[hidden],.call-win[hidden],.call-b[hidden]{display:none}
.call-win{position:absolute;z-index:14;right:12px;top:max(70px,calc(env(safe-area-inset-top) + 70px));width:min(300px,calc(100vw - 24px));background:#05080d;border:1px solid var(--gold);border-radius:var(--r);overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.6);display:grid}
.call-win:not(.video) .call-rv,.call-win:not(.video) .call-lv{display:none}
.call-rv{width:100%;aspect-ratio:4/3;background:#000;object-fit:cover;display:block}
.call-lv{position:absolute;right:8px;top:8px;width:84px;aspect-ratio:3/4;border-radius:10px;border:1px solid var(--line);object-fit:cover;background:#111;transform:scaleX(-1)}
.call-top{display:grid;padding:10px 12px 0;line-height:1.2}.call-who{color:var(--gold2);font-size:16px}.call-st{color:var(--muted);font-size:12px}
.call-bar{display:flex;gap:10px;justify-content:center;padding:10px}
.call-b{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--s2);color:var(--text);font-size:22px;cursor:pointer}
.call-b[aria-pressed=true]{background:rgba(255,138,138,.2);border-color:var(--bad)}.call-b.end{background:#c0392b;border-color:#c0392b}
@media (max-width:620px){.call-win{left:12px;right:12px;width:auto}}
@media (max-width:620px){.call-win{top:auto;bottom:max(10px,calc(env(safe-area-inset-bottom) + 10px));grid-template-columns:1fr auto;align-items:center}.call-win.video{grid-template-columns:1fr}.call-rv{max-height:20vh}.call-win.video .call-top{display:none}.call-win.video .call-lv{width:56px}.call-win:not(.video) .call-top{padding:8px 0 8px 12px}.call-win:not(.video) .call-bar{padding:8px}.call-b{width:46px;height:46px;font-size:20px}body:has(.call-win:not([hidden])) .stick{display:none!important}}