body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#player-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#controls-overlay{position:absolute;top:20px;left:20px;z-index:100;pointer-events:none}.status-panel{background:#00000080;color:#fff;padding:10px 20px;border-radius:5px;margin-bottom:10px;display:flex;align-items:center;gap:12px}#reconnect-btn{pointer-events:auto;background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}#reconnect-btn:hover{background:#0056b3}.role-badge{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid #3d3d3d}.role-badge.role-primary{background:#1f6feb;color:#fff;border-color:#4da3ff}.role-badge.role-viewer{background:#2b2b2b;color:#cfcfcf}.role-toast{position:fixed;top:20px;right:20px;background:#0a0a0ad1;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;letter-spacing:.02em;box-shadow:0 6px 20px #00000059;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.role-toast.visible{opacity:1;transform:translateY(0)}.role-toast.role-toast-hidden{opacity:0;transform:translateY(-8px)}