.pip-hint{display:none}
.video-thumbnails:empty{display:none}
.video-thumbnails{display:contents}
body.video-expanded{overflow:hidden}
#call-panel.call-expanded{position:fixed;inset:0;z-index:10000;box-sizing:border-box;width:100vw;height:100dvh;max-height:none;padding:0;background:#000;border:0;overflow:hidden;isolation:isolate}
#call-panel.call-expanded:fullscreen{width:100%;height:100%}
.call-expanded>.row{position:absolute;top:0;left:0;right:0;z-index:4;padding:calc(12px + env(safe-area-inset-top)) 16px 24px;background:linear-gradient(#000b,transparent);pointer-events:none;font-size:12px}
.call-expanded>.connection{display:none}
.call-expanded #videos{position:absolute;inset:0;display:block;margin:0;background:#000}
.call-expanded #videos .tile{min-height:0;max-height:none;aspect-ratio:auto;margin:0;cursor:pointer;overflow:hidden}
.call-expanded #videos .video-main{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#000}
.call-expanded #videos .video-main video{width:100%;height:100%;object-fit:contain}
.call-expanded #videos .video-small{position:absolute;right:max(12px,env(safe-area-inset-right));top:calc(70px + env(safe-area-inset-top));width:clamp(90px,27vw,170px);height:clamp(120px,23vh,225px);z-index:3;border:2px solid #77f7a0;border-radius:12px;box-shadow:0 6px 30px #000a;background:#0a1a10}
.call-expanded #videos .video-small video{width:100%;height:100%;object-fit:cover}
.call-expanded #videos .video-main span{bottom:calc(105px + env(safe-area-inset-bottom));left:12px;right:auto;border-radius:5px}
.call-expanded .call-controls{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:30px 10px calc(14px + env(safe-area-inset-bottom));margin:0;background:linear-gradient(transparent,#000e)}
.call-expanded .call-controls button{min-height:44px;padding:10px;font-size:12px}
.call-expanded .pip-hint{display:block;position:absolute;left:14px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:4;margin:0;color:#eee;font-size:11px;text-shadow:0 1px 4px #000;pointer-events:none}
@media(max-height:450px){.call-expanded #videos .video-small{top:45px;width:100px;height:125px}.call-expanded .pip-hint{display:none}.call-expanded #videos .video-main span{bottom:80px}}
.call-expanded.video-group .video-thumbnails{display:flex;position:absolute;z-index:3;top:calc(58px + env(safe-area-inset-top));right:8px;bottom:calc(165px + env(safe-area-inset-bottom));width:clamp(88px,22vw,145px);overflow-y:auto;overflow-x:hidden;flex-direction:column;gap:8px;padding:3px;scrollbar-width:thin}
.call-expanded.video-group #videos .video-small{position:relative;inset:auto;width:100%;height:110px;min-height:110px;box-sizing:border-box;flex-shrink:0}
.call-expanded.video-group #videos .video-main{width:calc(100% - clamp(106px,26vw,165px))}
.call-expanded #videos .tile:focus-visible{outline:3px solid white;outline-offset:-4px}
@media(max-height:450px){.call-expanded.video-group .video-thumbnails{top:42px;bottom:110px}.call-expanded.video-group #videos .video-small{height:82px;min-height:82px}}
.call-expanded #videos .video-main span{bottom:calc(var(--call-controls-height,160px) + 40px)}
.call-expanded .pip-hint{bottom:calc(var(--call-controls-height,160px) + 14px)}
.call-expanded.video-group .video-thumbnails{bottom:calc(var(--call-controls-height,160px) + 54px)}