html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;background:#000}.app{position:relative;width:100vw;height:100vh}.video-area{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:1}#videolocal{width:100vw;height:100vh;object-fit:cover;display:block}.controls-row{position:fixed;left:0;bottom:0;width:100vw;z-index:10;display:flex;justify-content:center;align-items:center;gap:2vw;padding:2vh 0}.control-btn{flex:1 1 0;font-size:4vw;padding:1vw 0;margin:0 1vw;border-radius:5vw;border:1px solid rgba(255,255,255,.25);background:#ffffffb3;color:#000;cursor:pointer;min-height:8vh;max-height:16vh;display:flex;align-items:center;justify-content:center;gap:.5em;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:0 4px 30px #0003}.control-btn.active{background:#ffdc32d9}.control-btn-placeholder{flex:1 1 0;margin:0 1vw}.dispatcher-controls{top:0;bottom:auto;padding:1vh 0;font-size:2vw}.camera-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;cursor:pointer}.status-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;padding:1.5em 2.5em;border-radius:1em;background:#000000b3;color:#fff;font-family:system-ui,sans-serif;font-size:4vw;text-align:center;pointer-events:none}.status-error,.status-room_not_found{background:#b41e1ecc}.status-closed{background:#1e8c3cd9}